@media (max-width: 1100px) {
    section {
        width: 100%;
    }
    #header:before{
        background-size: auto;
        background-repeat: no-repeat;
        margin-left: -150px
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (max-width: 768px){
    h1{font-size: 36px;}
    h2{font-size: 30px}
    h3{font-size: 24px;}
    h4{font-size: 20px}
    h5{font-size: 18px}
    h6{font-size: 16px}
    p{font-size: 14px}
    body{font-size: 13px}
    small{font-size: 12px}
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .table-icon{
        margin-top:20px;
    }
    #header:before{
        display: none;
    }
    #header-title{
        display: block; 
    }
    #headline .box{
        display: none;
    }
    #headline .logo{
        margin-top: -100px
    }
    #what .box{
        margin-top: 0px;
    }
}

@media screen and (max-width: 480px){
    h1{font-size: 34px;}
    h2{font-size: 28px}
    h3{font-size: 22px;}
    h4{font-size: 18px}
    h5{font-size: 16px}
    h6{font-size: 14px}
    p{font-size: 13px}
    body{font-size: 12px}
    small{font-size: 11px}
    .ribbon-1, .ribbon-4{
        width: 100%;
    }
    .ribbon-5{
        width: 90%;
    }
    .ribbon-5:before, .ribbon-5:after{
        width: 20px;
    }
    .ribbon-5:before{
        left: -10px;
    }
    .ribbon-5:after{
        right: -10px;
    }
}

@media screen and (max-width: 320px){
    h1{font-size: 30px;}
    h2{font-size: 24px}
    h3{font-size: 20px;}
    h4{font-size: 14px}
    h5{font-size: 14px}
    h6{font-size: 12px}
    p{font-size: 12px}
}

@media screen and (max-width: 240px){
    h1{font-size: 20px;}
    h2{font-size: 18px}
    h3{font-size: 16px;}
    h4{font-size: 14px}
    h5{font-size: 13px}
    h6{font-size: 12px}
    p{font-size: 12px}
}

@media (min-width: 480px) and (max-width: 767px) {
    .container {
        max-width:748px;
    } 
    .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 {
        float:left;
    }
    .col-ms-1 {width:8.33333333%;}
    .col-ms-2 {width:16.66666667%;}
    .col-ms-3 {width:25%;}
    .col-ms-4 {width:33.33333333%;}
    .col-ms-5 {width:41.66666667%;}
    .col-ms-6 {width:50%;}
    .col-ms-7 {width:58.33333333%;}
    .col-ms-8 {width:66.66666667%;}
    .col-ms-9 {width:75%;}
    .col-ms-10 {width:83.33333333%;}
    .col-ms-11 {width:91.66666667%;}
    .col-ms-12 {width:100%;}
}