:root {
  --jumbotron-padding-y: 3rem;
  --jumbotron-padding-EML: 1rem;
  --jumbotron-padding-EMLtext: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: rgb(255, 255, 255, 0.7) ;
}

.jumbotron-EML{
  display: flex;
  justify-content: center; /* Horizontal alignment */
  align-items: center; /* Vertical alignment */
  padding: var(--jumbotron-padding-EMLtext);
  margin-bottom: 0;
  margin-top: 8%;
  margin-left: 0rem;
  background-color: var(--dark-brown);
  /*border: 2px solid #A8AAAC;*/
  /*border-radius: 25px;*/
  /*text-align: center;*/
  position: relative;
  width: 400px; 
  height:200px
  /*box-shadow: 3px 3px 3px 2px #A8AAAC;*/


}

 .title-eml, .text-eml {
    position: absolute;
  }

.jumbotron-EML-pictures{
  padding: var(--jumbotron-padding-EML);
  margin: 0rem;
  margin-right: -1rem;
  /*margin-bottom: 0;
  margin-top: 0rem;
  margin-left: 0rem;*/
  text-align: right;
  align-items: right;
  
}

.jumbotron-icons{
  padding: var(--jumbotron-padding-EML);
  margin: 0rem;
  margin-right: -1rem;
  width: 20%;
  /*margin-bottom: 0;
  margin-top: 0rem;
  margin-left: 0rem;*/
  text-align: left;
  align-items: left;
}
.jumbotron-icons-text{
  padding: var(--jumbotron-padding-EML);
  width: 80%;
  /*margin-bottom: 0;
  margin-top: 0rem;*/
  margin-left: 0rem;
  text-align: left;
  align-items: left;
  
}

@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}


.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron-heading-bold {
  font-weight: 400;
}

.jumbotron .container {
  max-width: 60rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }