@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1024px) {

}
@media only screen and (width: 768px) {
    
}

@media only screen and (max-width: 760px) {
    .container { flex-direction: column; width: 100%; padding: 0 20px; }
    .row { flex-direction: column-reverse; }
    .right-col { width: 100%; }
    .row .image { display: flex; align-items: center; justify-content: center; }
    .right-col .box a { display: flex; justify-content: center; }
    .right-col .box { margin-bottom: 20px; }
    .footer .container { align-items: center; }
    .footer .container .col { max-width: 80%; align-items: center; justify-content: center; margin-top: 20px; }
    .footer .container .col * { text-align: center; }
    .topbar .header { padding: 0 20px;}
    .topbar .header img { height: 60px;}
}