.section1-bg{
    background-image: url('../images/common.png');
    height: 500px;
    
    
}

#sticky-navbar{
 top: -50%;
}

#simple-navbar{
    background-color: rgba(0, 0, 0, 0.279);
    /* margin-top: 10px; */
}



.section1-content{
    background-color: rgba(0, 0, 0, 0.279);
    height: 55%;
  
}

.section1-content h1,
.section1-content p{
    color: white;
    text-align: center;
}

.section1-content h1{
    font-size: 60px;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: 700;
}

.section1-content p{
    color: white;
    font-size: 16px;
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 300;
     line-height: 30px;
}

#section2-container1,
#section4-container1{
    padding: 150px 15px;
}


.about-section2{
    background-color: white;

}



.about-section2-card2,
.about-section4-card1{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 800px;
}

.about-section2-card2{
    background-image: url('../images/About\ 1.png');
}
.about-section4-card1{
    background-image: url('../images/About\ 2.png');
}

.about-section2-card1{
    padding: 40px 0;
}
.about-section4-card2{
    padding: 40px 0  0  70px;
}
.about-section4-card2 br{
    display: none;
 
}

.about-section2-card1 h1,
.about-section4-card2 h1{
        font-family: 'Josefin Sans', sans-serif;   
        font-size: 60px;
        font-weight: 800; 
        line-height: 70px;
        margin: 35px 0;
}

.about-section2-card1 p,
.about-section4-card2 p{
       font-family: 'Josefin Sans', sans-serif;   
       font-weight: 300;
       color: gray;
       line-height: 28px;
        margin: 35px 0;
}
.about-section2-card1 button,
.about-section4-card2 button{
    margin: 45px 0;
}


@media only screen and (max-width: 992px){

    .unknown{
        display: block;
    }

    #logo2-992{
    top: -40%;
    transition: 0.5s;

}



    .navbar1{
     height: 320px;
}

    nav{
          background-color: rgba(0, 0, 0, 0.279);
          margin-top: -10px;
    }

    .section1-content{
      display: flex;
      margin-top: 10px;
      flex-direction: column;
      height: 100%;
    
    }

    .section1-content h1{
        
        margin-top: 100px;
    }

    #section2-container1,
    #section4-container1{
        padding: 50px 0 80px 0;
    }

    .about-section4-card2{
        padding: 40px 0px;
    }

    .about-section2-card2,
    .about-section4-card1{
        height: 950px;
    }
    .about-section2-card1 br{
        display: none;
    }
}

@media only screen and (max-width:768px ){

    .section1-bg{
        padding: 0;
    }

    .section1-content h1{
        font-size: 50px;
        margin-top: 120px;
    }

    .section1-content br{
        display: none;
    }
       .section1-content p{
        font-size: 16px;
        padding: 0 30px;
    }

    #section2-container1,
    #section4-container1{
        padding: 40px 20px 50px 20px;
    }

    .about-section2-card1{
        padding: 0 0;
    }



    

    .about-section2-card1 h1,
    .about-section4-card2 h1{
        font-size: 32px;
        line-height: 35px;
    
    }

    .about-section2-card1 h1,
    .about-section2-card1 p,
    .about-section2-card1 button,
    .about-section4-card2 h1,
    .about-section4-card2 p,
    .about-section4-card2 button{
        margin: 20px  0;
    }

    .about-section2-card2,
    .about-section4-card1{
        height: 100vw;
    }
    .about-section2-card1 br{
        display: none;
    }

}