/*CSS Stylesheet*/


body {
   
}
img {
    
    max-width: 100%;
}

#adamtitle {
    
    
    margin-bottom: -100px;
    align-content: center;
    
}

iframe {
    position: absolute;
    z-index: 9999;
}
#menu{
    
    
   display: inline;

}

.menuitems {
    
    max-height: 50px;
  margin: 30px;
   
    
}

#nav li{
    
    display: inline;
    
    
    

}
#circlelinks li{
    
    display: inline;
   
}

#toplinks li{
    display: inline;
}


.circles {
    max-width: 90px;
    max-height: 90px;
   
    
    
}

#links {
    position: absolute;
    margin-left: 445px;
    margin-top: 150px;
    
    


}

#bottomlinks {
    position: absolute;
    max-width: 980px;
    margin-top: 3750px;
    right: 50%;
    margin-right: -190px;
    
    


}

#bottomname {
    max-width: 400px;
    margin-left: 30px;
    margin-bottom: -30px;
    margin-top: -75px;
    
}
#bottom {
    position: absolute;
    right: 50%;
    margin-right: -480px;
    margin-top: 3650px;
    
    
}

#vimeo{
    
    
}

#insta{
    
    
}

#linkedin{
    
    
}

#adam {
    margin-top: -100px;
    position: absolute;
    margin-left: -200px;
    max-height: 750px;
    
       
    
}

#reel {

    margin-top: 680px;
    margin-left: -9px;
    margin-bottom: -15px;
   
}

#aboutme {
    position: absolute;
    
    max-width: none;
    margin-left: -10px;
    margin-top: 600px;
    

    
}

#aboutmeback {
    margin-top: 0px;
}

#aboutmetext {
    position: absolute;
    z-index: 9999;
    max-width: 980px;
    left: 50%;
    margin-left: -490px;
    
    
    
}
#mainbody {
    margin: 0;
    max-width: 980px;
    background-size: 100%;
    align-content: center;
    margin: 0 auto;
    
}

#photoback {
    position: absolute;
    max-width: none;
    margin-left: -10px;
    margin-top: 1400px;
    
    
}

#photos {
    position: absolute;
    z-index: 9999;
    margin-top: 1800px;
    max-width: 980px;
    left: 50%;
    margin-left: -500px;
       
}

#photos2 {
    position: absolute;
    z-index: 9999;
    margin-top: 1800px;
    max-width: 980px;
    left: 50%;
    margin-left: -400px;
       
}

#phototitle {
    position: absolute;
    z-index: 9999;
    margin-top: 1500px;
    max-width: 980px;
    left: 50%;
    margin-left: -480px;
}

.photo1 {
    max-width: 400px;
    margin: 20px;
    margin-left: -20px;
}

.photo2 {
    max-width: 400px;
    margin: 20px;
    margin-left: 440px;
}

#reelback {
    position: absolute;
    max-width: none;
    margin-left: -10px;
    margin-top: -15px;
    
    
}

@media only screen and (max-width: 980px) {
  body {
    
  }
    iframe {
        
        max-width: 600px;
        margin-top: -120px;
        margin-left: 0px;
    }
    
    #nav {
        margin-left: 110px;
    }
    
    .menuitems {
        
        max-height: 40px;
        margin-left: 0px;
    }
    #adam {
        left: 50%;
        margin-left: -250px;
        margin-top: -100px;
    }
    #links {
        margin-top: 50px;
        margin-left: 125px;
    }    
    #phototitle {
        max-width: 400px;
        margin-left: -200px;
        margin-top: 850px;
    }
    #aboutmetext {
        max-width: 600px;
        margin-left: -300px;
        margin-top: -270px;
    }
    
    #aboutmeback {
        
        margin-top: -240px;
    }
    #photoback {
        margin-top: 800px;
    }
    
    #photos {
        margin-top: 1000px;
        margin-left:-450px;
    }
    
    #photos2 {
        margin-top: 1000px;
        margin-left: -450px;
    }
    
    #bottom {
        margin-top: 2500px;
    }
    #bottomlinks {
        margin-top: 1250px;
        display: inline;
    }
    #bottomname {
        margin-top: 1250px;
    }
    
    #reel {
        margin-left: 125px;
        
    }
    #toplinks li {
        display: block;
        
    }
}