body {
  background: -webkit-linear-gradient(left, #3931af, #00c6ff);
  background-size: cover;
}

div#wrapperHeader {
  width:100%;
   /* height of the background image? */
  
  text-align:center;
 }
 
 div#wrapperHeader div#header {
  height:59%;
 }
 
 div#wrapperHeader div#header img {
  width:100%; /* the width of the logo image */
  height:100%; /* the height of the logo image */
  margin:0 auto;
 }
 .sd {
  position: absolute;
  top: -346px;
      left: -192px;
  align-items: center;
  text-align: center;
font-size:28px;
}
.navbar-nav {
  margin-left: auto;
}
.mycol{
  color:white;
  font-size: 1rem;
}
.column {
  width: 100%;
  height:100vh;
  padding: 0 2% 0 2%;
}
.column1{
  float:left;
  width: 100%;
  height:6vh;
  
  }
  .column3 {
      float:left;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	margin-top:5%;
    margin-bottom: 5%;
    
    }
    @keyframes marquee {
      0% {
        transform: translate3d(0, 0, 0);
      }
      100% {
        transform: translate3d(-20%, 0, 0);
      }
    }
    @-webkit-keyframes mover {
      0% { transform: translateY(0); }
      100% { transform: translateY(-20px); }
  }
  @keyframes mover {
      0% { transform: translateY(0); }
      100% { transform: translateY(-20px); }
  }
  
  
  .cf1{
      background: #fff;
      padding-top: 0%;
      margin-top: 1%;
      margin-bottom: 5%;
      width: 70%;
  }
  .f1 .form-control{
      border-radius:1rem;
  }
  .contact-image{
      text-align: center;
  }
  .cf1 img{
      border-radius: 6rem;
      width: 11%;
      margin-top: -4%;
      transform: rotate(29deg);
  }
  .cf1 form{
      padding: 8%;
  }
  .cf1 form .row{
      margin-bottom: -9%;
  }
  .h3, h3 {
    margin-top: 3%;
    font-size: 1.75rem;
}
  .cf1 h3{
      margin-bottom: 8%;
      margin-top: -13%;
      text-align: center;
      color: #495057;
  }
  .cf1 .btnContact {
      width: 50%;
      border: none;
      border-radius: 1rem;
      padding: 1.5%;
      background: #0062cc;
      font-weight: 600;
      color: #fff;
      cursor: pointer;
  
  }
  

  @media only screen and (max-width: 600px) {
    .navbar-nav {
      margin-left: inherit;
    }
    .navbar-nav {
      display: -webkit-inline-box;
    }
    .nav-item {
      margin-left: 5px;
    }
    .home-item {
    margin-bottom: 5px;
    }
    .sd {
    
      top: -157px;
      left: 37px;
      
      font-size: 9px;
  }
  div#wrapperHeader div#header {
    height: 40%;
  }
  }