* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

img {
    max-width: 100%;
    height: auto;
}


[class*="col-home-"] {
    width: 100%;
    float: left;
/*    padding: 1px;*/
}

[class*="col-travel-"] {
    width: 100%;
    float: left;
/*    padding: 1px;*/
}

[class*="col-contact-"] {
    width: 100%;
    float: left;
/*    padding: 1px;*/
}

@media only screen and (min-width: 768px) {
    .col-home-1 {width: 20%;}
    .col-home-2 {width: 40%;}
    .col-home-3 {width: 60%;}
    .col-home-4 {width: 80%;}
    .col-home-5 {width: 100%;}
    
    .col-travel-1 {width: 33.33%;}
    .col-travel-2 {width: 66.66%;}
    .col-travel-3 {width: 100%;}
    
    .col-contact-1 {width: 25%;}
    .col-contact-2 {width: 50%;}
    .col-contact-3 {width: 75%;}
    .col-contact-4 {width: 100%;}
}

@media only screen and (max-width: 1100px) {
    #menu-side-bar {
        width: 30% !important;
    }
}

@media only screen and (max-width: 750px) {
    #menu-side-bar {
        width: 35% !important;
    }
}

@media only screen and (max-width: 650px) {
    #menu-side-bar {
        width: 40% !important;
    }
}

@media only screen and (max-width: 500px) {
    #menu-side-bar {
        width: 70% !important;
    }
}

@media only screen and (max-width: 350px) {
    #menu-side-bar {
        width: 85% !important;
    }
}