/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1150px) {
    #image8 {
        display: none;
    }

    div.frontpage-showcase-featured-image {
        height: 32%;
    }

    div.frontpage-showcase-excerpt {
        height: 41%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #image8, #image7 {
        display: none;
    }

    div.banner-empty-part {
        width: 47%;
        z-index: -100;
    }

}

@media screen and (max-width: 787px) {
    /*------------------
    Main Nav
    ------------------*/
    div#navbar {
        background-color: white ! important;
    }

    #site-navigation {
        padding: 0 0 0 0 ! important;
        width: 100%;
    }

    .menu-toggle, .main-navigation.toggled .nav-menu {
        display: block;
        width: 100%;
        background-color: #a80c3d;
        color: white ! important;
        line-height: 2em ! important;
        font-size: 1.2em ! important;
    }

    .menu-toggle {
        padding-left: 1em;
    }

    .menu-toggle i {
        float: right;
        padding-right: 1em;
        line-height: 2em;
    }

    .main-navigation {
        margin-left: 0;
    }

    .main-navigation ul {
        padding-left: 1em;
        display: none;
    }

    #menu-main-navigation li {
        width: 100%;
        background-color: #72b6e7;
    }

    #menu-main-navigation {
        border-top: 1px solid white;
    }

    #menu-main-navigation li li {
        width: 100%;
        background-color: #72b6e7;
        border-bottom: 1px solid white;
    }

    #menu-main-navigation li a {
        width: 100%;
        color: white;
        padding-left: 1em;
    }

    #menu-main-navigation li li a {
        padding-left: 2em;
    }

    .main-navigation .menu-item a:AFTER {
        display: none;
    }

    .main-navigation .menu-item .sub-menu {
        background-color: #72b6e7;
        position: relative;
        top: 0;
        padding: 0 0 0 0;
        display: inherit;
        border-top: 1px solid white;
    }

    .main-navigation .menu-item .sub-menu a {
        color: #333333;
    }

    #menu-main-navigation a {
        padding-left: 0;
    }

    .main-navigation li.current_page_item > a, .main-navigation li a:hover {
        color: #BE5EB6 ! important;
    }

    .main-navigation li.current_page_item > a:hover {
        color: #f79210 ! important;
    }

    /*------------------
    Footer Nav
    ------------------*/
    #footer-navmenu {
        padding: 0 0 0 0 ! important;
        width: 100%;
    }

    #footer-navmenu ul, #footer-navmenu li {
        width: 100%;
        background-color: #72b6e7;
    }

    #footer-navmenu li {
        border-bottom: 1px solid white;
    }

    #footer-navmenu a {
        color: white ! important;
        line-height: 2em;
        padding-left: 1em;
    }

    #footer-navmenu a:after {
        display: none
    }

    /*------------------
    The rest
    ------------------*/
    .sidebar .widget {
        border-top: 4px solid #EBEBEB;
    }

    .search-form {
        top: 0.5em ! important;
    }

    #language-chooser {
        margin-top: 0.6em;
    }

    h1.entry-title, .entry-content h1, h1.page-title {
        font-size: 1.5em;
    }

    .vfb-legend h3 {
        font-size: 1.2em;
    }

    .vfb-section {
        margin-left: 0px;
    }

    .vfb-desc {
        float: left ! important;
        width: 100% ! important;
        margin-bottom: 0.5em ! important;
    }

    .vfb-span, .vfb-text {
        float: left ! important;
        width: 100% ! important;
        margin-bottom: 1em ! important;
        padding-left: 0px ! important;
    }

    /*------------------
    Dropdown select
    ------------------*/
    .vfb-item .vfb-select {
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0.5em;
        float: right;
        width: 100%;
        overflow: visible;
    }

    /*------------------
    checkbox
    ------------------*/
    .vfb-item-checkbox .vfb-span label {
        padding-left: 0.5em
    }

    .vfb-item-checkbox div {
        padding-left: 0em;
    }

    /*--------------------------------------------------
    various styles
    --------------------------------------------------*/

    .header-banner, .site-title h1, .header-logo {
        display: none;
    }

    header#masthead {
        height: 100%;
    }

    #language-chooser {
        margin-bottom: 1em;
    }

    .site-title {
        height: 200px;
        position: relative;
        z-index: -100;
    }

    .site-title img {
        display: block;
        height: 150px;
        width: auto;
        margin: auto;
        position: absolute;
        top: 2em;
        left: 0;
        bottom: 0;
        right: 0;
    }

    div.search-form {
        position: absolute;
        right: 0;
        top: 3px;
    }

    div.search-form input {
        line-height: 0.9em;
        float: left;
    }

    #site-navigation {
        padding-left: 3em;
    }

    #link-home {
        display: inline;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

    div.frontpage-showcase-featured-image {
        text-align: center;
        height: 32% !important;
    }

    div.frontpage-showcase-excerpt {
        height: 39% !important;
    }

    #intro-text p {
        text-align: center;
        font-size: 0.9em;
        line-height: 1.5em;
        color: gray;
    }

    #intro-text em {
        font-family: asapregular;
        color: #a80c3d;
        font-size: 1.3em;
        padding-left: 0.2em !important;
        padding-right: 0.2em !important;
        letter-spacing: normal;
    }

    .showcase-duo {
        margin-bottom: 1em;
    }

    .socialmedia-icons div {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    #footer-navmenu {
        margin-top: 1em;
    }

    .footer-logo {
        width: 160px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
    }

    .icarus4alllink img {
        width: 30%;
        height: auto;
    }

    .icarus4alllink p {
        font-size:medium;
        padding:5px 10px 5px 10px;
        height: 59px;
    }

}