*{
    padding: 0 px;
    margin: 0px;
    
    
    font-family: Lato, sans-serif;
    line-height: 18px;
    letter-spacing: 0.02em;
    
}



.header{
    width: 100%;
    height: 100px;
    
    
}
.logo{
    width: 450px;
    height: 50px;
    margin-left: 40px;
    
    display: flex;
    flex-wrap: wrap;
    
}
.logo h1{
    color: rgb(3, 184, 255);
    padding-top: 50px;
}





h2{
    
    padding: 20px;
}

.section form{
    width: 400px;
    height: auto;
    background-color: rgb(10, 10, 82);
    padding: 20px;
    color: rgb(10, 177, 243);
    font-size: 16px;
    border-radius: 20px;
	
   
}

.section form input ,textarea{
    width: 300px;
    height: 40px;
    border-radius: 10px;
}
    
.form1{
    width: 40%;
    height: auto;
  padding: 20px;
     flex-wrap: wrap;
  min-width: 300px;
line-height: 18px;
   
}
.section {
    width: 100%;
    height: auto;
    padding: 20px;
display: flex;
    flex-wrap: wrap;
  min-width: 300px;
line-height: 18px;
}


.section div{
  font-size: 14px;
  width: 45%;
  height:auto;
  
  padding: 20px;
  display: flex;
    flex-wrap: wrap;
  min-width: 300px;
  
   
}
.section div img{
    display: block;
  padding: 10px;
}

footer {
    width: 100%;
    height:auto ;
    background-color: rgb(31, 31, 32);
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
  min-width: 300px;
    color: #898989;
}
.copy{
    padding-left: 300px;
    font-size: 12px;
}
footer div{
    
    
    width: 24%;
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #898989;
min-width: 300px;
    
}

footer div form input ,textarea{
    border-radius: 5px;
    height: 30px;
    border-style: none;
    width: 200px;
	margin-top:5px;
}
.submit{
    width: 100px;
}
footer div h3{
   padding:20px 50px;
   color: rgb(0, 238, 255);
   
}
   
footer div li{
    list-style-type: none ;
    padding: 5px;
}
footer div li a{
    background-color:rgb(31, 31, 32) ;
    color:#898989; 
    text-decoration: none;
}


@media screen and (max-width: 600px) {
  .nav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .navbar a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .navbar.responsive .dropdown {float: none;}
  .navbar.responsive .dropdown-content {position: relative;}
  .navbar.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.header h1{
    display: none;
}


}