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

    .container{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .info h2{
        font-size:2.6rem !important;
        padding-left:1rem;
        padding-right:1rem;
    }

    .md-full{
        width: 100% !important;
    }
    .md-row-reverse{
        flex-direction: column-reverse !important;
    }
    .md-text-center{
        text-align: center;
    }
    
    .general .box .block{
        width: 49%;
    }

    .about .text{
        padding-top: 4rem;
    
    }

    .msg{
        padding: 6rem 1rem;
    }

    .msg .container h2{
        font-size: 2.8rem !important;
    }

    .msg.second{
        background-image: url('images/quote1.jpg') !important;
        background-position: center;
        text-align: left;
    }

    .navbar{
        background-color: #221f1f;
    }
    .main-hero .flex{
        flex-direction: column;
    }
    .main-hero .text{
        width: 100% !important;
    }
    .main-hero .img{
        width: 100% !important;
    }

    .samples .box .block{
        width: 100% !important;
    }

    .general .box .block.full .text p{
        width: 100%;
    }

    .md-justify-center{
        justify-content: center !important;
    }
}


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

    
    .general .box .block{
        width: 100%;
    }

    .hero .container .text h2{
        font-size: 4rem !important;
    }

    .container{
        width: 90% !important;
        margin: 0 auto !important;
    }
}


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

    .container{
        width: 90% !important;
        margin: 0 auto !important;
    }
}