* {
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-family: bankGothic;
    src: url(fonts/BankGothicBold.ttf);
    font-weight: bold;
}
body {
    width: 100%;
    color: #00003c;
    font-family: bankGothic;
    display: block;
    text-align: left;
    margin: 0px;
    padding: 0px;    
}
a {
    text-decoration: none;
    color: inherit;
}
.heading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 80px;
    text-shadow: 3px 3px black;
    max-height: 80px;
}
.heading:hover {
    color: #27278d /*#00003c*/;
    /*text-shadow: 2px 2px white;*/
    
}
.level1 {
    color: #00003c;
    font-size: 60px;
}
.level2 {
    color: #00003c;
    font-size: 40px;
}
.level1:hover, .level2:hover, .photoset:hover, .videos:hover, #profile:hover  {
    color: white;
}
.photos {
    position: absolute; top:310px; left:210px; width:600px; height:540px;
}

.photoset {
    font-size: 20px;
}

.videos {
    position: absolute; top:100px; left:1810px; width:800px; height:540px;
    font-size: 40px;
}
#profile {
    position: absolute; top:90px; left:2810px; 
    font-size: 40px;
    width: 600px;
}

.profile {
    width: 590px;
    border: 0px;
    height: 750px;
    margin: 0px;
    padding: 0px;
}

$perspective: 1;
.parallax {
    perspective: #{$perspective + px};
    overflow-y: scroll;
    overflow-x: scroll;
}
.parallax__layer {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
}
.parallax__layer--back {
    position:relative;
    margin: 0px;
    padding: 0px;
    top: 0px;
}