@media (min-width: 2000px) {
}   

@media (max-width: 1000px) {
    .picture-400{
        width: 350px;
        height: 350px
    }
    .col-md-12 li{
        font-size: 1.2rem;
}

@media (max-width: 890px) {
    .col-md-7{
        width: 35%;
        overflow:hidden;
    }
    .col-md-5{
        width: 65%;
        overflow:hidden;
    }
    .picture-400{
        width: 300px;
        height: 300px
    }
}

@media (max-width: 768px) {

.container.marketing{
    width: 100%;
    text-align: center;
}
.col-md-12 ul{
    text-align: left;
}

}

@media (max-width: 700px) {
    .col-md-12 li{
        font-size: 1rem;
    }
}    


@media (max-width: 500px) {
    .col-md-7{
        width: 100%;
        overflow:hidden;
    }
    .col-md-5{
        width: 100%;
        overflow:hidden;
    }

}    

@media (max-width: 430px) {

}   

                 
@media (max-width: 350px) {

}   
               
@media (max-width: 300px) {
    .col-md-12 li{
        font-size: 0.9rem;
    }
}


@media (max-width: 240px) {
    .col-md-12 li{
        font-size: 0.2rem;
    }
   
}