.container {
    display: block;
    overflow: hidden;
    position: relative;
}
.container::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    clear: both;
}
.container > div {background: yellow;}

#grid-box-one,
#grid-box-two,
#grid-box-three,
#grid-box-four,
#grid-box-five,
#grid-box-six,
#grid-box-seven,
#grid-box-eight,
#grid-box-nine,
#grid-box-ten,
#grid-box-eleven,
#grid-box-twelve {
    float: left;
    /*height: 260px;*/
    border: 4px solid #fff;
    height: 25vw !important;
    max-height: 258px !important;
}

#grid-box-one {width: calc(100% / 4);}
#grid-box-two {width: calc(100% / 4);}
#grid-box-three {width: calc(100% / 2);}

#grid-box-four {width: calc(100% / 4);}
#grid-box-five {width: calc(100% / 2);}
#grid-box-six {width: calc(100% / 4);}

#grid-box-seven {width: calc(100% / 2);}
#grid-box-eight {width: calc(100% / 4);}
#grid-box-nine {width: calc(100% / 4);}

#grid-box-ten {width: calc(100% / 4);}
#grid-box-eleven {width: calc(100% / 2);}
#grid-box-twelve {width: calc(100% / 4);}

/*@media(max-width: 1280px) {
    #grid-box-one,
    #grid-box-two,
    #grid-box-three,
    #grid-box-four,
    #grid-box-five,
    #grid-box-six,
    #grid-box-seven,
    #grid-box-eight,
    #grid-box-nine,
    #grid-box-ten,
    #grid-box-eleven,
    #grid-box-twelve {
        height: 255px;
    }
}
@media(max-width: 1037px) {
    #grid-box-one,
    #grid-box-two,
    #grid-box-three,
    #grid-box-four,
    #grid-box-five,
    #grid-box-six,
    #grid-box-seven,
    #grid-box-eight,
    #grid-box-nine,
    #grid-box-ten,
    #grid-box-eleven,
    #grid-box-twelve {
        height: 250px;
    }
}
@media(max-width: 1008px) {
    #grid-box-one,
    #grid-box-two,
    #grid-box-three,
    #grid-box-four,
    #grid-box-five,
    #grid-box-six,
    #grid-box-seven,
    #grid-box-eight,
    #grid-box-nine,
    #grid-box-ten,
    #grid-box-eleven,
    #grid-box-twelve {
        height: 245px;
    }
}*/
@media(max-width: 983px) {} /* 240 */
@media(max-width: 964px) {} /* 235 */
@media(max-width: 942px) {} /* 230 */

/* 918 - 225 */
/* 902 - 220  */
/* 884 - 215  */
/* 862 - 210 */
/* 831 - 202 */

@media(max-width: 480px) {
    #grid-box-one {width: calc(100% / 2);}
    #grid-box-two {width: calc(100% / 2);}
    #grid-box-three {width: calc(100% / 1);}

    #grid-box-four {width: calc(100% / 2);}
    #grid-box-five {width: calc(100% / 1);}
    #grid-box-six {width: calc(100% / 2);}

    #grid-box-seven {width: calc(100% / 1);}
    #grid-box-eight {width: calc(100% / 2);}
    #grid-box-nine {width: calc(100% / 2);}

    #grid-box-ten {width: calc(100% / 2);}
    #grid-box-eleven {width: calc(100% / 1);}
    #grid-box-twelve {width: calc(100% / 2);}

    #grid-box-six,
    #grid-box-twelve {
        position: absolute;
        right: 0;
        z-index: 99999;
    }
    #grid-box-six {
        top: 25%;
    }
    #grid-box-twelve {
        bottom: 12.5%;
    }

    /*#grid-box-one,
    #grid-box-two,
    #grid-box-three,
    #grid-box-four,
    #grid-box-five,
    #grid-box-six,
    #grid-box-seven,
    #grid-box-eight,
    #grid-box-nine,
    #grid-box-ten,
    #grid-box-eleven,
    #grid-box-twelve {
        height: 231px;
    }*/
}

/*@media(max-width: 480px) {
    #grid-box-one,
    #grid-box-two,
    #grid-box-three,
    #grid-box-four,
    #grid-box-five,
    #grid-box-six,
    #grid-box-seven,
    #grid-box-eight,
    #grid-box-nine,
    #grid-box-ten,
    #grid-box-eleven,
    #grid-box-twelve {
        height: 150px;
    }
}*/
.sidebar-link-grey,
.sidebar-link-blue {
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
}