h1{
    font-family: "Overlock",Sans-serif;
    font-size: 8vw;
    font-weight: bold;
    letter-spacing:6px; 
    text-shadow:0px 0 10px var(--menugrey);
    color: white;
    padding: 10%;
}

h3 {
  font-size: 150%;
  font-weight: 400;
  line-height: 155%;
  color:var(--theme);
}

p {
  font-size: 120%;
  line-height: 150%;
  text-indent: 50px;
  padding: 0 3%;
}
/* main  */
/* section-a */
#section-a{  
  background: url(../../../images/home/supports.jpg) no-repeat fixed center;
  background-size: cover;
  margin-top:50px;
}

/* section-b */
#track-form{
  /*background:yellow;*/
  padding:50px 5px 10px;
}

/* #tracking-number */
input[type="text"]{
  font: 1.5em 'Open Sans';
  padding: 10px;
  border: 5px solid var(--theme);
  border-radius: 20px;
  color:black;
  width: 100%;
}

::placeholder { color: var(--menugrey);
  opacity: 1;
}

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

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

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

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

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

input[type="submit"]{  
  margin: 20px 10px;  
  font: 1.5em 'Open Sans';
  background-color:var(--theme);
  color: white;
  padding: 15px 20px;
  border-radius: 20px;
}

input[type="submit"]:hover{  
  background-color: burlywood;
  cursor: pointer;
  transform: scale(1.1);
  border: 1px solid rgb(255, 255, 255);
}

/* section-c */
.column{ 
  float: left;
  width: 100%;
}
.icon-col{  
  color: black;
  padding:5% 0;
}
.text-col{
  text-align:left;
  padding:5% 0;
    
}
#section-c::after {
  content: "";
  clear: both;
  display: table;
}
.icon-col:hover{  
  color: green;
}

/* end of main */

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

  h3 {
    font-size: 150%;
  }
  /* main */
  /* section-b */
 
  input[type="text"]{
    width: 50%;
    margin:0 10px;
  }
  /* section-c */
  .icon-col{
    width: 35%;
    
  height:200px;
  }
  .text-col{
    width: 65%;
  height:200px;
  }
  /* end of main */
}