body{
    margin:0px;
    background-color:white;
    font-family:regular;
}

a{
	color:black;
	font-size:1.2vw;
}



#menuheader {
    width:100%;
    height:120px;
    margin:0px;
    padding:0px;
    padding-top:20px;
    background-color:black;
}

#menuborder{
    width:100%;
    max-width:100%;
    position:absolute;
}

#menuoverscan{
    width:0%;
    height:120px;
}

#title {
    margin-top:-8px;
    margin-right:-8px;
    margin-bottom:-8px;
    margin-left:0px;
    max-width:100%;
    background-color:white;
}

#about{
    margin:0px;
    max-width:55%;
    background-color:white;
}
#news{
    margin:0px;
    max-width:55%;
    background-color:white;
}

#headspacer{
    height:33vh;
}

#bodyspacer{
    height:44vh;
}

#mystrip{
    width:100%;
    max-width:100%;
    /*margin-top:15vh;*/
    position:relative;
}

#navicons{
    position:absolute;
    margin-left:15px;
    max-width:100%;
    vertical-align:top;
}

#extrasbar{
    padding:0px; margin:0px; width:100vw
}

.nav{
    height:2.6vw;
}

#question{
    height:44px;
    margin-left:4px;
}
#about:active{
    background-color:black;
}
#news:active{
    background-color:black;
}
.nav:active{
    margin-top:4px;
    background-color:#808080;
}
#navicons:active{
    background-color:#CCCCCC;
}


#aboutpagetext{
    width:60vw;
    margin-left:20vw;
    padding-top:80px;
    font-size:18px;
}


#navbar{
    text-align:right;

    
}


@media only screen and (max-aspect-ratio:5/3)
{
    body{
        width:400vw;
    }
    #aboutpagetext{
        width:100%;
        margin-left:0vw;
        padding-top:80px;
    }
    
    #mystrip{
        width:auto;
        position:relative;
        margin-top:16px;
    }
    #headspacer{
        height:auto;
    }
    #bodyspacer{
        height:auto;
    }
    #menuheader{
        width:100%;
        max-width:100%;
        height:auto;
    }
    #title{
        width:100%;
        height:auto;
    }
    #about{
        width:100%;
        height:auto;
    }
    #news{
        width:100%;
        height:auto;
    }
}

@media only screen and (max-width:1200px)
{
    
    body{
        width:400vw;
    }
    #aboutpagetext{
        width:100%;
        margin-left:0vw;
        padding-top:80px;
    }
    
    a{
        font-size:16px;
    }
    .nav{
        height:38px;
    }
    
    
    #mystrip{
        width:auto;
        position:relative;
        margin-top:16px;
    }
    #headspacer{
        height:auto;
    }
    #bodyspacer{
        height:auto;
    }
    #menuheader{
        width:100%;
        max-width:100%;
        height:auto;
    }
    #title{
        width:100%;
        height:auto;
    }
    #about{
        width:100%;
        height:auto;
    }
    #news{
        width:100%;
        height:auto;
    }
    
    #extrasbar{
        margin-top:64px;
    }
}

@media only screen and (max-height:700px)
{
    
    body{
        width:300vw;
    }
    
    #mystrip{
        max-height:400px;
        width:auto;
        position:relative;
        margin-top:16px;
    }
    #headspacer{
        height:auto;
    }
    #bodyspacer{
        height:auto;
    }
    
    
    
    #extrasbar{
        margin-top:64px;
    }
    
}

@media only screen and (max-height:700px) and (min-width:960px)
{
    
    body{
        width:200vw;
    }
}


@font-face {
    font-family: 'regular';
    src: url('../../norfonttakethreetwo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}