body {

font-size: 14px;
font-family: $font-family-text;

}

h1,h2,h3,h4,h5,h6{

font-family: $font-family-header;
color: $color-dark-gray;
font-weight: 600;

}

a.home-link:hover {

text-decoration:none;
color:white;

}

nav {

background: $color-dark-gray;
height:50px;

ul.nav-items {
        width:80%;
        margin:0 auto;

li {
        margin-right:1em;
        display:inline-block;
        line-height:3.5em;

        a{
                color:white !important;
                text-decoration:none;

                &:hover {

                text-decoration:underline;
        }

}
}

}

}

.page-header {

background: $color-primary;
border:none;
margin:0;
padding:2rem 4rem;
width:100%;
height:92px;

img {
        width:90%;
        max-width:150px;

}

&__title {
        text-align:left;
        font-size:3rem;
        vertical-align:top;
        color: $page-title;
        line-height:50px;
        margin-left:1rem;

        a:hover {
                text-decoration:none;
        }

}

}

.hub-selector {

&.desktop {
        display:block;
}

&.mobile {
        display:none;
}

}

.main-content {

width:62%;
padding: 2rem 4rem;
margin:0 auto;
min-height:150px;
height:auto;
min-height:350px;

}

.content-header {

color: $color-primary;

}

.tab-pane {

margin-top:0rem;
min-height:400px;
h3, h4 {
        text-align:center;
        line-height:3rem;
}

}

.navigation {

background: $color-background;
padding:4rem;
width:100%;
margin:0 auto;

.icon-container {
        width:70%;
        margin:0 20%;

}

.nav-tabs {
        border-bottom:none;
}

&__content {

        background:white;

        .tab-content {
                width:62%;
                padding:0rem 2rem;
                margin:0 auto;

                .overviews {
                        margin-top:3rem;
                        padding-bottom:3rem;
                }

                .tab-arrow{
                        width: 0; 
                        height: 0; 
                        border-left: 25px solid transparent;
                        border-right: 25px solid transparent;
                        border-top: 25px solid $color-light-gray;

                        &.left {

                                &.position-1 {
                                        position:relative;
                                        left:6%;
                                }

                                &.position-2 {
                                        position:relative;
                                        left:25%;
                                }

                                &.position-3 {
                                        position:relative;
                                        left:44%;
                                }

                                &.position-4 {
                                        position:relative;
                                        left:63%;
                                }

                                &.position-5 {
                                        position:relative;
                                        left:82%;
                                }

                        }

                        &.center {
                                position:relative;
                                left:43%;
                        }

                        &.right {
                                position:relative;
                                left:69%;
                        }
                }
        }
}

}

footer {

height:60px;
background: $color-dark-gray;

span, a { color: white; }
a { text-decoration:underline;}

.footer-content{
        width:50%;
        margin:0 auto;
        padding:2rem 0;
        text-align:center;

}

}