*{
  margin:0px;
  padding:0px;
  border-size: border-box;
}
.header{
  background-image: url("new.jpeg");
  background-size: cover;
  height:27vh;
  width:100vw;
  color:#DDDEE8;
  flex-wrap: wrap;
}
.k{
  font-family: "Fredericka the Great", serif;
  font-weight: 900;
  border: none;
  display: flex;
}
.H2{
  margin-left: 20px;
  padding-top: 10px;
  width:100%;
  color:#021D21;

}
.navbar{
  height:50px;
  display: flex;
  align-items: center;
  width:60%;
  justify-content: space-evenly;
  
}
ul{
  display: flex;
  justify-content: space-evenly;
  width:100%;
  margin-left:70px;
  margin-top: 10px;
  font-style: none;
  list-style: none;
  color: #07CBCB;
  text-decoration: none;
  
}
.bt1{
  background-color:#F68B08;
  outline: none;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.nav{
  display: flex;
  background-color:#D4E4E6;
  height: 50px;
  align-items: center;
  flex-wrap: wrap;
}
.li{
  color:#4A6F6F;
  text-decoration: none;
}
.li:hover{
  border:1px,solid,#99BEBE;
  border-radius:50px;
  transition: 0.5s ease-in-out;
}
.serch{
 display:flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 
}
.sc{
  display: flex;
  align-items: center;

}
.con{
  margin-top: 20px;
  margin-left: 5px;
  color:#09D3ED;
}
.h{
  margin: 10px;
  color:#26D7ED;

}
.D{
  color:#F68B08;
}
.paregraph{
  color:#CBE2F2;
  margin-left: 5px;
  font-family: "Elsie", serif;
  font-weight: 400;
  font-size: 2.4vw;
}
.ccon{
  margin:0px;
  padding:10px;
}
.btn{
  margin:40px;
  padding:3px;
  background-color:#F68B08;
  border-radius:9px;
  color:#E2F1E2;
    
}
.btn:hover{
  background-color:#F9F9F6;
}
 .form{
   height: 250px;
   width: 180px;
   border-radius:10px;
   top:150px;
   left:730px;
   position: absolute;
   padding:20px;
   border:2px,solid,#E3EFF1;
   text-align: center;
 }
 .fam{
   font-family: "Elsie", serif;
  font-weight: 500;
  color:#E5EFF1;
  margin:1px;
 }
  .dd{
    background-color:#ECF0F1;
    border-radius:9px;
    text-align: center;
    color:#F1811F;
    margin-bottom: 5px;
    padding:7px;
    
  }
  .email{
    background-color: transparent;
    border: none;
    outline: none;
    color:#E8E8F0;
    width:170px;
    padding:5px;
    
  }
  .email:hover{
    border:2px,solid,#E5E5EC;
    border-radius: 9px;
  }
  .c{
    border-radius: 5px;
    width: 100px;
    color: #F1811F;
    outline: none;
    font-family: "Dancing Script", cursive; 
    padding:4px;
    font-weight: 900;
    text-decoration: none;
    background-color: transparent;
    
  }
  .famr{
  font-family: "Elsie";
  font-size:1.3rem;
  font-weight:900;
  }
  .k{
    font-family:"Dancing Script", cursive;  
  }
  .icons{
    display: flex;
    justify-content: space-evenly;
    color:#000000;
    margin-top: 9px;
    height: 40px;
  }
  .ic:hover{
    color:#F1811F;
  }
  .footer{
    background-color:#494D53;
    height: 100px;
  }
@media (max-width: 480px) {
  .body{font-size: 4vw;}
  .form{ position: sticky;}
  .h{font-size: 7vw;}
  .paregraph{font-size: 4vw;}
  .icons{ color: #E5E6ED;}
  .header{height: 90vh;}
  .navbar{ display: none;}
  .nav{ justify-content: space-between;}
}