main{
    transition: all ease 0.2s;
    width: calc(100vw - 155px);
    margin-left: 155px;
    overflow-x: hidden;
}
.col4{
    flex: 0 0 auto;
    margin-left: 50px;
    width: 33.33333337%;
}
.col8{
    flex: 0 0 auto;
    width: 66.66666667%;
    margin-left: 50px;
}
.col6{
    flex: 0 0 auto;
    width: 50%;
}
footer{
    font-family: 'Josefin Sans', sans-serif!important;
}

@media only screen and (max-width: 700px){
    main{
        transition: all ease 0.2s;
        width: calc(100vw - 70px);
        margin-left: 70px;
        overflow-x: hidden;
    }
    .col4{
        margin-left: 0px;
        width: 100%;
    }
    .col8{
        margin-left: 0px;
        width: 100%;
    }
    .col6{
        width: 100%;
    }

}