.toggleMobile { display: none; }
/* .hideMobile { display: block; } */
.showMobile { display: none !important; }

/** make sure to hide mobile menu when bigger than 1000px */
@media screen and (min-width: 1000px) {
    #MobileMenu { display: none !important; }
}

@media screen and (max-width: 1000px) {
    .showMobile { display: block !important; }
	.hideMobile { display: none !important; }

    header { position: static; top: auto; }
    header nav, #headnav { display: none; }

    #banner { height: auto; background: none !important; position: static; }
    #banner .bannertitles { padding-top: 20px; bottom: auto; height: auto; left: auto; position: static; background: none; color: #423664; }
    #banner .bannertitles p { text-align: center; margin: 0 !important; }
    #banner.big { height: auto; }
    #banner.big .bannertext { position: relative; top: auto; right: auto; width: 100%; }

    #content h2 { padding: 0; }
    .cform h2 { margin: 0 0 20px 0; }
    .cform { width: 100% !important; float: none; padding: 0 !important; }
    .cform.right { padding-top: 30px !important; text-align: center; }
    .cform.right p { padding: 0 !important; }
    .hsw_contact_form .contact_half { width: 100% !important; float: none; height: auto; padding: 0 !important; }
    .hsw_contact_form .button { width: 100%; padding: 0 0 30px 0 !important;}

    #content img { width: 100% !important; height: auto !important; margin: 0 !important; float: none !important; }
    #gmap { display: none; }

    .actualsContainer { margin-top: -70px; }
    .actualsContainer .actuals .image { float: none; height: 250px; width: 100%; margin: 0; }
    .actualsContainer .actuals .title { padding-top: 20px; }
    .actualsContainer .actuals .more a:link, .actualsContainer .actuals .more a:visited { display: block; padding: 0 !important; text-align: center; }

    .actualsHome .actuals { width: 50%; }
    .actualsHome .actuals .image { height: 300px; }

    #team_container {}
    #team_container .heading { display: none; }
    #team_container .members { display: block !important; margin: 0; }

    .overlay_contents { width: 100%; height: 100%; left: auto; top: auto; margin-left: 0; box-sizing: border-box; }

    section, #zurich_banner { padding: 10px; }
    #zurich_banner img { width: 100%; max-width: 100%; }

    footer #footer .col-3 { float: none; width: 100%; text-align: center; margin-bottom: 30px; }

	.toggleMobile { display: block; position: absolute; top: 15px; right: 15px; width: 40px; height: 36px; cursor: pointer; z-index: 999; }
    .toggleMobile span { display: block; position: absolute; width: 40px; height: 8px; left: 0; background: #251252;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
    .toggleMobile span.menu1 { top: 0; }
    .toggleMobile span.menu2 { top: 14px; }
    .toggleMobile span.menu3 { top: 28px; }

    .toggleMobile.active span.menu1 { top: 14px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu2 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu3 {
            opacity: 0;
            -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }

    #MobileMenu { background: #fff; position: absolute; z-index: 15; top: 70px; left: 0; width: 100%; display: none; list-style: none; padding: 0; margin: 0; }
    #MobileMenu li a { display: block; background: #fff; color: #000; padding: 12px 0; text-decoration: none; letter-spacing: 0.1em; text-align: center; border-bottom: 1px solid #7b4c42; }
    #MobileMenu li .before, #MobileMenu li .after { display: none; }
    #MobileMenu li a:hover, #MobileMenu li a.active { color: #251252; }
    #MobileMenu ul li a { background: rgb(37, 18, 82); background: rgba(37, 18, 82, 0.8); color: #fff; font-size: small; }
    #MobileMenu ul li a:hover,
    #MobileMenu ul li a:active,
    #MobileMenu ul li a.active { color: #fff; text-decoration: underline; }
}

@media screen and (max-width: 900px) {
    #links .link { width: 20%; }
    #team_container .members .member { width: 33.33%; }
}

@media screen and (max-width: 800px) {
    #links .link { width: 25%; }
}

@media screen and (max-width: 700px) {
    #banner.big .bannertext { text-align: center; padding-bottom: 20px; }
    #banner.big .bannertext img { float: none; margin: 0 auto; }

    #links .link { width: 33.33%; }
    #team_container .members .member { height: auto; width: 50%; }
    #team_container .members .member .image { height: 210px; }

    .actualsHome .actuals { width: 100%; }
    .actualsHome .actuals .more a:link, .actualsHome .actuals .more a { margin: 10px 0 40px 0 !important; }
    .actualsHome .actuals .image { height: 500px; }
}

@media screen and (max-width: 600px) {
    #logo { width: 70%; }

    #links .link { width: 50%; }
}


@media screen and (max-width: 400px) {
    #links .link { width: 100%; }
    #team_container .members .member { height: auto; width: 100%; }
    #team_container .members .member .image { height: 400px; }
}