body{
    font-family: 'Poppins', sans-serif;
    background-color: #202020;
    
    margin: auto;
    
}



.navbar{
    background-color: black !important;
    
}



.middlebg{
    background-image: url("./assets/Website\ Background\ Pic.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: #07132B;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 5px;
    height: 33vh;
}



.section{
    margin-bottom: 20px;
}



@media (max-width: 310px) {
    .h6{
        font-size: 0.8rem !important;
    }

    .h5{
        font-size: 1rem !important;
    }
}

@media (min-width: 992px) {
    

    .h6{
        font-size: 3rem !important;
    }

    .h5{
        font-size: 4rem !important;
    }

    .middlebg{
        min-height: 94vh  !important;
    }

}


@media (min-width: 450px) and (max-width: 767px){
    .h6{
        font-size: 1.5rem;
    }

    .h5{
        font-size: 2rem;
    }
}

@media (min-width: 768px){
    .h6{
        font-size: 2rem;
    }

    .h5{
        font-size: 2.5rem;
    }
}


@media (max-height : 600px) and (max-width: 768px) {

    .middlebg{
        min-height: 65vh  !important;
    }
}

@media (max-height : 350px) {
    .middlebg{
        height: 250px  !important;
    }
    }