@media (max-width: 575.99px) {
    .caption { width: 80vw;}
    .header {height: 89vh;}
    .header button { padding: 20px; width: 60vw; height: auto; border-radius: 0; }    
    .header h5 { margin-bottom: 55px; }
    .header p { font-size: 14px; }
    hr.intro { margin-bottom: 50px;}
    .display-5 { font-size: 2.4rem !important; line-height: 1.2 !important; }
    a.navbar-brand { max-width: 50%; margin: 0;}
    .navbar-toggler { border: 0;  margin: 0; padding: 0; outline: 0;}
    .navbar-toggler:active, .navbar-toggler:focus, .navbar-toggler:hover { border: 0; margin: 0; padding: 0; outline: 0;}
    button.navbar-toggler { position: absolute; right: 4px; top: 33px; }
    .logo { height: 70px !important; margin-top: 0; margin-bottom: 0; display: flex; justify-content: center; }
    .navbar { padding-top: 10px; padding-bottom: 10px; box-shadow: 3px -1px 13px #181f33; }
    .cid-scX4rjhdLH { padding-top: 2rem; padding-bottom: 3rem; }
    .image-wrapper { margin-bottom: 0 !important;}
    /*.image-wrapper img { margin-top: 80px !important;}*/
    .display-7 { font-size: 9pt; line-height: normal; }
    .footer-logo { height: auto; width: 50%; margin-top: 50px;}
    .map-wrap { height: auto !important; margin-bottom: 3rem;}
    .responsive > div {
        width: 80vw;
        overflow: visible;
    }
    .tile small, .hovered small {
        font-size: 1rem !important;
    }
    .responsive {
        overflow: hidden;
        /*max-width: 100vw;*/
    }
    .map-wrap img {
        max-width: 100vw;
        height: auto !important;
    }
    .slick-track {
        overflow: hidden;
    }
    .news h2 {
        font-size: 26px !important;
    }
}

@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}