main {
    margin:0 1rem;
}


@media (max-width:767px) {

    h1 {
        /*display: none;*/
    }

    .info h1{
        display: flex;
        font-size:1.1em;
    }

    .header--inner {
        margin: 0 2rem 0 0;
    }
}

@media (max-width:1024px) {


    .header .nav-bar {
        display: none
    }

    .nav-side {
        display:none;
    }

    .nav-bar {
        display:flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: right;
        -ms-grid-row-align: right;
        align-items: right;
        margin: 0 2rem;
        width:100%;
    }
}
@media (min-width:1024px){
    .mobile-nav-handler {
        display: none
    }
    .mobile-signup-handler {
        display: none
    }
}


.header {

    color: white;
    padding-top: .7em;
    padding-bottom: .7em;
    position: absolute;
    width: 100%;

    box-shadow: 0 0 0 0 #00000080;
    background: linear-gradient(77deg, rgba(23,86,118,1) 0%, rgba(48,124,156,1) 30%, rgba(75,163,195,1) 100%);
}


.header-bg {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.125);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.125);
    box-shadow: 0 2px 2px rgba(0,0,0,.125)
}

.header-bg {
    background: #175676;
    background: -moz-linear-gradient(125deg,rgba(23,86,118,1) 0,rgba(28,92,124,1) 21%,rgba(29,94,126,1) 39%,rgba(75,163,195,1) 100%);
    background: -webkit-linear-gradient(125deg,rgba(23,86,118,1) 0,rgba(28,92,124,1) 21%,rgba(29,94,126,1) 39%,rgba(75,163,195,1) 100%);
    background: linear-gradient(125deg,rgba(23,86,118,1) 0,rgba(28,92,124,1) 21%,rgba(29,94,126,1) 39%,rgba(75,163,195,1) 100%);
    box-shadow: 0 2px 2px rgba(0,0,0,.125)
}

.header--inner {
    margin: 0 2rem 0 1rem;
}

.header--fixed {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #175676;
    left: 0;
    position: fixed
}

    .header--fixed .nav-link {
        color: #fff !important
    }

        .header--fixed .nav-link--active, .header--fixed .nav-link:hover {
            border-bottom-color: #fff !important
        }

    .header--fixed .hamburger span, .header--fixed .hamburger span:after, .header--fixed .hamburger span:before {
        background-color: #fff !important
    }





@media (max-width:800px) {
    .something {
        padding: 0
    }
}

@media (max-width:800px) {
    .tabs-nav li {
        width: 33.34%;
        padding: 0
    }
}



.logo-text a:hover {
    text-decoration: none
}


.logo-image {
    height: auto;
    display: block
}




.mobile-nav-handler {
    margin-left: auto;
    margin-right: 16px
}

.hamburger {
    position: relative;
    cursor: pointer;
    z-index: 500;
    width: 40px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .hamburger span, .hamburger span:after, .hamburger span:before {
        display: block;
        transition-property: all;
        transition-duration: .1s
    }

    .hamburger span {
        background-color:white;
        margin: 0 auto;
        position: relative
    }

        .hamburger span:after, .hamburger span:before {
            position: absolute;
            content: ''
        }

    .hamburger.lines span, .hamburger.lines span:after, .hamburger.lines span:before {
        background-color:white;
        width: 32px;
        height: 4px
    }

        .hamburger.lines span:before {
            transform: translateY(-5px)
        }

        .hamburger.lines span:after {
            transform: translateY(5px)
        }

    .hamburger.lines:hover span:before {
        transform: translateY(-7px)
    }

    .hamburger.lines:hover span:after {
        transform: translateY(7px)
    }

    .hamburger.lines:hover.active span:before {
        transform: rotate(45deg)
    }

    .hamburger.lines:hover.active span:after {
        transform: rotate(-45deg)
    }

    .hamburger.lines.active span {
        background-color: transparent !important
    }

        .hamburger.lines.active span:after, .hamburger.lines.active span:before {
            transform: translateY(0)
        }

        .hamburger.lines.active span:before {
            transform: rotate(45deg)
        }

        .hamburger.lines.active span:after {
            transform: rotate(-45deg)
        }

    .hamburger span {
        background-color: white;
    }



.button-signup {
    padding: 8px 10px;
    font-size: 14px;
    background-color: #175676;
    border-radius: 3px;
}



.nav-bar--list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.nav-bar--center, .nav-bar--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: flex-end
}

.nav-link, .nav-link:visited {
    text-decoration: none;
    margin: 10px 7px;

    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 2px solid transparent
}

.nav-link-buttons-alt, .nav-link-buttons-alt:visited {
    text-decoration: none;
    margin: auto 0.5em;
    text-transform: uppercase;
    background-color: white;
    border-color: transparent;
    letter-spacing: 0;
    color: #175676
}

.m-nav-link-buttons-alt, .m-nav-link-buttons-alt:visited {
    text-decoration: none;
    padding: 0.5em;

    margin: 0.5em 0;
    font-size: 1.25em;
    text-transform: uppercase;
    background-color: white;
    border: 2px solid white;
    border-radius: 1em;
    letter-spacing: 0;
    color: #175676
}




.nav-link-buttons, .nav-link-buttons:visited {
    text-decoration: none;
    margin: auto 0.5em;

    text-transform: uppercase;
    background-color: transparent;
    border-color: transparent;
    letter-spacing: 0;
    color: #fff
}

    .m-nav-link-buttons, .m-nav-link-buttons:visited {
        text-decoration: none;
        padding:0.5em;
        width:100%;
        margin: 0.5em 0;
        font-size: 1.25em;
        text-transform: uppercase;
        background-color: transparent;
        border:2px solid white;
        border-radius:0.5em;
        letter-spacing: 0;
        color: #fff
    }

.nav-link--home {
    font-size: 24px;
    font-weight: 900;
    margin-left: 20px;
    color: #f4f4f0
}

    .nav-link--home:hover {
        box-shadow: none
    }

.nav-link--home__text {
    position: relative
}

    .nav-link--home__text:after {
        position: absolute;
        right: 0;
        display: block;
        content: ""
    }



.mobile-nav-handler {
    margin-left: auto;
    margin-right: 16px
}



.mobile-nav {
    width: 100%;
    height: auto;
    z-index: 499;
    left: 0;
    top: -100vh;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    height: 0
}

    .mobile-nav .nav-link {
        transition: transform .6s cubic-bezier(.23,1,.32,1);
        transform: translateY(999px);
        opacity: 0;
        font-size: 18px;
        margin: 15px
    }

        .mobile-nav .nav-link:nth-child(1) {
            transition-delay: 60ms
        }

        .mobile-nav .nav-link:nth-child(2) {
            transition-delay: 80ms
        }

        .mobile-nav .nav-link:nth-child(3) {
            transition-delay: .1s
        }

        .mobile-nav .nav-link:nth-child(4) {
            transition-delay: .12s
        }

        .mobile-nav .nav-link:nth-child(5) {
            transition-delay: .14s
        }

        .mobile-nav .nav-link:nth-child(6) {
            transition-delay: .16s
        }

        .mobile-nav .nav-link:nth-child(7) {
            transition-delay: .18s
        }

        .mobile-nav .nav-link:nth-child(8) {
            transition-delay: .2s
        }

        .mobile-nav .nav-link:nth-child(9) {
            transition-delay: .22s
        }

        .mobile-nav .nav-link:nth-child(10) {
            transition-delay: .24s
        }

        .mobile-nav .nav-link:nth-child(11) {
            transition-delay: .26s
        }



/*.mobile-nav {
    width: 100%;
    height: auto;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    height: 0
}*/

.mobile-nav--open {
    background-color: #175676;
    opacity: 1;
    height: 100vh;
    top:0;
    margin-top: 0;
    margin-bottom: auto;
    align-items: start;
    padding-top: 8rem;
}

.mobile-nav .nav-link {
    transition: transform .6s cubic-bezier(.23,1,.32,1);
    transform: translateY(999px);
    opacity: 0;
    font-size: 18px;
    margin: 15px
}

    .mobile-nav .nav-link:nth-child(1) {
        transition-delay: 60ms
    }

    .mobile-nav .nav-link:nth-child(2) {
        transition-delay: 80ms
    }

    .mobile-nav .nav-link:nth-child(3) {
        transition-delay: .1s
    }

    .mobile-nav .nav-link:nth-child(4) {
        transition-delay: .12s
    }

    .mobile-nav .nav-link:nth-child(5) {
        transition-delay: .14s
    }

    .mobile-nav .nav-link:nth-child(6) {
        transition-delay: .16s
    }

    .mobile-nav .nav-link:nth-child(7) {
        transition-delay: .18s
    }

    .mobile-nav .nav-link:nth-child(8) {
        transition-delay: .2s
    }

    .mobile-nav .nav-link:nth-child(9) {
        transition-delay: .22s
    }

    .mobile-nav .nav-link:nth-child(10) {
        transition-delay: .24s
    }

    .mobile-nav .nav-link:nth-child(11) {
        transition-delay: .26s
    }

.mobile-nav--open .nav-link {
    transform: translate(0);
    opacity: 1
}

div.searchResults ul {
    padding:0;
    list-style-type:none;

}


/*.header--inner {
    max-width:1280px;
    margin: 0 24px 0 10px;
}

.header--fixed {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #175676;
    transition: padding .2s cubic-bezier(.694,.0482,.335,1),background .2s cubic-bezier(.694,.0482,.335,1);
    left: 0;
    position: fixed
}

    .header--fixed .nav-bar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .header--fixed .nav-link {
        color: #fff !important
    }

        .header--fixed .nav-link--active, .header--fixed .nav-link:hover {
            border-bottom-color: #fff !important
        }

    .header--fixed .hamburger span, .header--fixed .hamburger span:after, .header--fixed .hamburger span:before {
        background-color: #fff !important
    }*/