a { outline:0; }

nav {
    font-family: 'Titillium Web', sans-serif;
    font-size: 7em;
    margin-top: 200px;
}

#other {
    border-radius: 50%;
    background-color: #f5ffc1;
    width:50px;
    height: 50px;
    color: #fff;
    font-size: 2.5em;
}

#other li {
    position: absolute;
}


#front {
    position: fixed;
    left: 30%;
    top: 25%;
}

#front li{
    opacity: 0.2;
    margin-left: 0.3em;
    float: left;
    position: absolute;
    /*
    padding: 100px 600px 200px 300px;
    */
}




#the {
    top:-200px;
    left: 100px;
}

#fab {
    top:-100px; 
    left: -80px;
}

#academy {
    
}


#front li p {
    font-style: italic;
    font-weight: 700;
    padding-left: 0.2em;
    display:none;
    position: absolute;
    font-family: 'Titillium Web', sans-serif, italic;
}


#front li a:hover p {
    display: inline;
    
}

#front li:hover {
    opacity: 1;
}



#nav_weeks li {
    margin: 0 auto;
    min-height: 400px;
    width: 1200px;
    line-height: 1em;
    border-bottom: 20px solid black;
    position: relative;
    overflow: hidden;
}

#nav_weeks li:hover img{
    display: block;
}

#nav_weeks li:hover a{
    opacity: 0.8;
    color: white;
}


h3{
    font-size: 0.5em;
}

#nav_weeks li img {
    display: none;
    position: absolute;
    min-width: 1200px;
    min-height:450px;
    top: 0px;
    z-index: -1;
    overflow: hidden:
}

nav li a{
    color: black;
    text-decoration: none;
}


/*
nav #the {
    padding-left: 2em;
}

nav #academy {
    padding-top: -1em;
}


#front #fab {
    padding-left: 0.2em;
    padding-right: 0.2em;
}
*/
#front #weeks {
    margin-top: 0.9em;
    margin-left: -3.2em;  
}

#front #participant {
    margin-top: 0.9em;
    margin-left: -3.7em;  
}

.text {
    float:left;
}

.text a {   
    color: black;
    font-style: italic;
    text-decoration: none;
}

.text a:hover {
    text-decoration: underline;
}

.second_headline, .filesHeadline {
    font-size: 3.3em;
    line-height:1em;
}

.first_headline, .headline_contact, .second_headline, .filesHeadline {
    font-family: 'Titillium Web', sans-serif, italic;
    font-weight: 700;
}

.filesHeadline {
    padding-top: 20px;
    text-align: center;
}

.filesHeadline a {
    font-weight: 400;
    font-style: normal;
    
}

.filesHeadline a:hover {
    text-decoration: none;
    border-bottom: 8px solid black;
    
}

.first_headline, .headline_contact {
    font-size: 7em;
    line-height:1em;
    font-weight: 700;
    max-width: 900px;
    padding-bottom: 40px;
}



.hover_img a{
    color: #e250b5;
}

.text_column {
    padding: 50px 0 100px 50px;
    margin: 0 auto;
    max-width:700px;
}

.text_column h4 {
    font-family: 'Titillium Web', sans-serif, italic;
    font-size: 1.6em;
    margin-top: 40px;
    line-height: 0.8em;
}

.text p, .text_column li {
    font-family: 'Georgia', serif;
    font-size: 1.4em;
    margin-top: 1em;
    line-height: 1.4em;

}

.text_column li {
    list-style: disc;
    margin-left: 50px;
    line-height: 1em;
}

.text_column ul ul li {
    list-style: circle;
    margin-left: 100px;
    line-height: 1em;
}

.BigPage {
    line-height:25px;
    width:auto;
    max-width:900px;
    margin:0 auto;
    padding-top: 250px;
}

.filler img {
    margin-bottom: 160px;
    width: 100%;
}

#form {
    margin: 100px 0 300px 0;
}

form p {
    font-family: serif;
    font-size: 1.6em;    
    margin: 0.2em 0 0.1em 0;
}

form #name {
    padding-top: 100px;
}
.filler {
    margin: 0 auto;
    padding-top: 500px;
}

.hover_img {
    position:relative;
}
.hover_img img{
    position:absolute; 
    display:none; 
    z-index:99;
    left: -240px;
    padding: 20px;
    background-color: white;
    border: 8px solid black;
}
.hover_img:hover img{ 
    display:block; 
}

.frame_img {
    vertical-align: middle;
    position: relative;
    padding: 80px;
    border: 13px solid black;
    max-width: 450px;
}

.clear {
    clear:both;
}

#404 {
    position: fixed;
    top: 100px;
    left:100px;
}

#404 p {
    font-family: fantasy;
    font-size: 10em;
}

.quote {
    font-style: italic;
    padding: 10px 40px 10px 30px;
    border-left: 10px solid black;
}

.files {
    height: 400px;
    margin-top: 80px;
}

.files a {
    font-size: 1.5em;
    position: absolute;
    padding-top: 20px;
}

#nav_FinalProj {
    font-size: 3em;
    width: 90%;
    border-top: 30px solid black;
    
}

#nav_FinalProj li {
    float: left;
    padding: 18px 20px 0 0;
    
}

#nav_FinalProj li a{
    display: block;
    height:80px;
    background-color:transparent;
}

#nav_FinalProj li a:hover{
    border-top: 40px solid white;
    z-index: 3;
}