body {
            font-family: 'Conv_Gotham-Light', sans-serif;
        }
        
        a {
            text-decoration: none;
        }
        
        h2 {
            font-size: 2em;
            text-transform: none;
        }
        
        h2.home {
            font-family: 'Conv_Gotham-UltraItalic', sans-serif;
            font-size: 8.2em;
            line-height: 90%;
            text-transform: uppercase;
            margin-top: .5em;
        }
        
        .coverbg {
            -webkit-background-size: 100%; 
            -moz-background-size: 100%; 
            -o-background-size: 100%; 
            background-size: 100%; 
            -webkit-background-size: cover; 
            -moz-background-size: cover; 
            -o-background-size: cover; 
            background-size: cover; 
        }
        
        .overlaycontent a {
            color: #FFF;
        }
        
        .overlaycontent a:active {
            color: #000;
        }
        
        .overlaycontent a:hover {
            font-family: 'Conv_Gotham-UltraItalic', sans-serif;
        }
        
        .overlaycontent h2 {
            font-family: 'Conv_Gotham-Bold', sans-serif;
        }
        
        .overlaycontent p {
            line-height: .8em;
        }
        
        #navcontainer {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            color: #fff;
        }
        
        .menubit {
            width: auto;
            height: 5em;
            min-width: 5em;
            z-index: 2;
        }
        
        .clickable {
            cursor: pointer;
        }
        
        .menubit p {
            font-size: 2.25em;
            text-align: center;
            padding-left: .75em;
            padding-right: .75em;
            margin-top: 0px;
            margin-bottom: 0px;
            width: auto;
            position: relative;
            top: .55em;
        }
        
        .menubit i {
            color: #fff;
            position: relative;
            padding-left: .33em;
            padding-right: .5em;
            font-size: 3em;
            margin: auto;
        }
        
        .menubit img {
            height: 3em;
            width: auto;
            position: relative;
            top: 1em;
            padding-left: 1em;
            padding-right: 1em;
            /* padding: 1em; */
        }
        
        #homelogo {
            background-color: #29a4db;
            position: fixed;
            top: 1em;
            left: 1em;
            z-index: 3;
        }
        
        #section {
            background-color: #0071b5;
            color: #FFF;
        }   
        
        #project {
            background-color: #0071b5;
            color: #FFF;
            position: fixed;
            left: 13em;
            top: 1em;
        }
        
        #info {
            background-color: #0071b5; 
            position: fixed;
            top: 1em;
            right: 1em;
        }
        
        #projectnav {
            background-color: #1b1464;
            position: fixed;
            bottom: 1em;
            right: 1em;
            width: 5em;
        }
        
        .fa-info-circle {
            position: relative;
            right: -.1em;
            top: .33em;
        }
        
        .fa-bars {
            position: relative;
            top: .16em;
        }
        
        .homeMenu.fa-bars {
            top: .3em;
            left: .1em;
        }
        
        .fa-chevron-down {
            position: relative;
            top: .25em;
        }
        
        .fa-times {
            position: relative;
            top: .14em;
        }
        
        .overlay {
            height: 0;
            width: 0;
            position: fixed;
            z-index: 2;
            left: 1em;
            top: 1em;
            background-color: #29a4db;
            overflow-x: hidden;
            overflow-y: hidden;
            transition: 0.5s;
            color: #FFF;
        }
        
        .overlaycontent {
            position: relative;
            top: 10%;
            width: 80%;
            margin: auto;
            font-size: 2em;
        }
        
        #workmenu {
            float: left;
        }
        
        #othermenu {
            float: right;
        }
        
        .menucolumns {
            width: 50%;
            position: relative;
        }
        
        #infoOverlay {
            top: 0px;
            height: 100%;
            width: 100%;
            position: fixed;
            opacity: 0;
            background-color: #000;
            z-index: 0;
            visibility: hidden;
        }
        
        .info {
            opacity: 0;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 600px;
            font-size: 2em;
            z-index: 1;
            visibility: hidden;
        }
        
        @media only screen and (min-width: 1081px) {
            body {
                font-size: 12px;
            }
        }
        
        @media only screen and (max-height: 768px) {
            .work.logo img {
                padding-bottom: 200px !important;
                padding-top: 200px !important;
            }
        }
        
        @media only screen and (max-width: 740px) {
                    #workmenu {
                        float: none;
                    }
                    
                    #othermenu {
                        float: none;
                    }
                    
                    .menucolumns {
                        width: 90%;
                        position: relative;
                    }
                    
                    .overlay {
                        overflow-y: auto;
                    }
        }