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

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

}

@media only screen and (max-width: 768px) {
    #topbar { padding: 10px 0; }
    #topbar a { display: flex; }
    #topbar a img { height: 50px; }
    .container { padding: 30px 20px; }
    .button-set { padding: 20px 0; }
    .popup-container .content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: auto; width: 100%; padding: 40px 20px 40px 20px; }
    .popup-container .shadow { display: none; }
    .flex-1, .flex-2, .flex-3 { width: 100%; flex: unset; }
    .field-row { flex-direction: column; }
}