.banner{
    height: auto;
    border-bottom: 1px solid #f8efea;
}
.banner h1{
    color: #f8efea;
    font-size: 7vw;
    font-weight: 1000;
     font-family:  sans-serif;
    padding-top: 5vw;
    padding-left: 4vw;
    
}
.box{
    color: #f8efea;
}
.box h2{
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 2vw;
    font-weight: 800;
}
.box h3{
    font-size: 18px;
    font-weight: 100;
}
.box button{
    background-color: transparent;
    color: #f8efea;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    width: 60%;
    border: 2px solid #f8efea;
    border-radius: 25px;
}
.box button:hover{
    
    background-color: #a3f008;
    color: #1b4242;
    border: 2px solid #1b4242;
}
.sec {
    border-left: 1px solid #f8efea; 
}
.sec2{
    border-bottom: 1px solid #f8efea; 
}
#head2{
  opacity: 1;
}
#banhead{
  opacity: 0;
  font-weight:400;
}
@media (max-width: 768px) {

.banner h1 {
  font-size: 9vw;
text-align: center;
}

.sec {
  border-left: none !important;
}

.sec2 {
  border-bottom: none !important;
}
#banhead{
  opacity: 1;
}
.box{
    border-bottom: 1px solid #fff;
}
.box h2{
    padding-top: 2vw;
    padding-bottom: 2vw;
 font-size: 20px;
    font-weight: 800;
}
.box h3{
    font-size: 15px;
    font-weight: 100;
}
}
@media(max-width:1000px){
    .first{
    border-bottom:1px solid #f8efea ;
}
}