@media screen and (max-width: 1366px){
    .section,.not-front .highlight-content {
        padding-left: 1em;
        padding-right: 1em;
    }
    div#highlight{
        height: auto; /* remove absolute height of highlight */
        background-size: cover;
        background-position: 70% 10%;
    }
    .highlight-content-block {
        margin: 2em 0; /* adjust highlight content spacing */
    }
    div#content {
        margin: 2em 0 0; /* create space between top and content */
    }
}
@media screen and (max-width: 1130px){
        ul#main-menu {
        text-align: center;
    }
    ul#main-menu li {
        width: auto !important; /* Adjust the width of the Nav menu items */
        min-width: 12%;
    }
    ul#main-menu li a.active:after{
        left: 35%;
    }
}
@media screen and (max-width: 1024px){
    .mobile-hide{
        display: none;
    }
    .mobile-show{
        display: block;
    }
}
@media screen and (max-width: 768px){
    .front-3-content{
        padding: 0 10%;
    }
    .table-wrapper-quatro {
        max-width: 50%;
    }
}
@media screen and (max-width: 640px){
    .third.f-left, .third.f-right{
        float: none;
    }
    .third{
        max-width: initial;
        display: block;
    }
}
@media screen and (max-width: 512px){
    .half, .quatro{
        max-width: initial;
    }
    .half.f-left, .quatro.f-left, .half.f-right, .quatro.f-right{
        float: none;
    }
    .section, .not-front .highlight-content {
        padding-left: 2em;
        padding-right: 2em;
    }
}