h2{
    font-size: 150%;
    font-weight: bold;
    padding-top: 2%;
    color: var(--theme);
}

h3 {
  font-size: 125%;
  font-weight: 400;
  line-height: 155%;
}

p {
  font-size: 120%;
  line-height: 150%;
  padding: 3%;
  text-indent: 50px;
  text-align: left;
}
/* main  */
/* section-a */
#section-a{  
  position: relative;
  height: 550px;
  overflow: hidden;
}

/* Style the video: 100% width and height to cover the entire window */
video { 
  position: absolute; 
  /* top: 50%; */
  left: 50%;
  /* transform: translate(-50%,-50%); */
  transform: translate(-50%);
  /* left: 0;  */
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

#form-wrapper{
  position: relative;
  z-index: 1; 
  margin-top: 100px;
}

::placeholder { color: white;
  opacity: 1;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: white;}

::-ms-input-placeholder { /* Microsoft Edge */
   color: white;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: white;}

::-moz-placeholder { /* Firefox 19+ */
   color: white;}

:-moz-placeholder { /* Firefox 18- */
   color: white;}

form{
  width: 100%;
  padding:0 3%;
  float: left;  
}
/* #tracking-number */

input[type="text"],input[type ="password"]{
  font: 1.5em 'Open Sans';
  padding: 10px;
  border: 5px solid var(--theme);
  border-radius: 20px;
  color:white;
  text-shadow: 0 0 5px var(--yellow3);
  background-color: rgba(103, 100, 73, 0.5);  
  width: 100%;
}
#j_u-pass{
  margin-top: 20px;
}
button{  
  margin: 20px 10px;  
  font: 1.5em 'Open Sans';
  background-color:var(--theme);
  color: white;
  padding: 10px 15px;
  border-radius: 20px;
}

button:hover{  
  background-color: burlywood;
  cursor: pointer;
  transform: scale(1.1);
  border: 1px solid rgb(255, 255, 255);
}

#forget-password{
  color: white;
  text-indent: 0;
}

/* section-b */
#section-b{
  margin: 20px 0;
}
hr{
  border: 2px solid black;
  width: 60%;
  margin: 10px auto;
}
/* section-c */
.column-third{  
  float: left;
  width: 100%;
  color: yellow;
  padding: 130px 0;
  margin: 10px;
}
#c-col-1{  
  background: url('../../../images/home/delivery.jpg') no-repeat center;
  background-size: cover;
  border-radius: 50%;  
}
#c-col-2{
  background: url('../../../images/home/nyc.jpg') no-repeat center;
  background-size: cover;
  border-radius: 50%;  
}
#c-col-3{  
  background: url('../../../images/home/international.jpg') no-repeat center;
  background-size: cover;
  border-radius: 50%;  
}
/* section-d */
#section-d {
  clear: both;
  background: url('../../../images/home/shipping-page.jpg') no-repeat fixed center;
  background-size: cover;
  color: white;
  padding: 50px 0;
}
/* section-e */
#section-e {
  margin:5px 0;
}
#section-e img{
  float: left;
  width: 100%;
}
#section-e::after {
  content: "";
  clear: both;
  display: table;
} 
/* end of main */

@media (min-width: 768px) {
  h2{
    font-size: 250%;
  }

  h3 {
    font-size: 175%;
  }
  
  p {
    font-size: 160%;
  }
  /* main */
  /* section-a */
  form{
    width: 50%;
    margin-top: 80px;
  }
  
  #forget-password{
    font-size: 130%;
  }
  /* section-c */
  .column-third{
    width: 30%;
  }
  /* section-e */
  #section-e img{
    width: 25%;
  }
  /* end of main */
}