@media (max-width: 575px){
    h2{
        font-size: 30px;
    }

    p{
        font-size: 20px;
    }

    #dark-bg-text-container{
        padding: 50px 20px;
    }

    #sebit-inline-dark-logo{
        max-width: 250px;
    }

    .box{
        margin: 20px 0px;
    }

    .no-padding-on-mobile{
        padding: 1.5rem 0px 1.5rem 0px !important;
    }

    .zebra{
        background: #E1EBF6;
    }
    
    .zebra-inverted{
        background: #F1F6FC;
    }

    #bg-container{
        background-size: 400%;
    }

    .navbar-item{
        width: 100%;
        margin: 5px 0px;
    }

    .navbar-item a{
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991x) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) and (max-width: 1399px) {

}

@media (min-width: 1400px) {

}