html, body {overflow-x:hidden;}
body {
  font-family:"trebuchet", Calibri,"Helvetica Neue", Arial, Helvetica, sans-serif;
  background:#000;
  color: #FFF;
}
h1{
  color:#666;
  font-family:"times new roman";
  font-weight:normal;
}
a {
  color:#98deff;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
#container{
  text-align:center;
  width:1180px;
  margin: 0 auto 0 auto;
}
#logotop{ 
  width:400px;
  margin: 0 auto -30px auto;
}
#photoholder{
  width: 1180px;
  overflow-x:hidden;
  text-wrap: nowrap;
}
#topbuttons{
  float:right;
}

#topbuttons img{
  padding: 30px 22px;
  height: 84px;
}

#btmbuttons{
  margin: 0 auto 40px auto;
}

#btmbuttons img{
  padding: 30px 22px;
  height: 104px;
}



#about
{
  line-height:1.5;
  padding: 0 10px;
  text-align:left;
  font-size:18pt;
  font-weight:normal;
}

img#graffiti {
  width:300px;
}
img#zachface {
width:40%; 
padding:10px;
margin-left:30%;
}

@media screen and (min-width: 1401px) {
  img#graffiti {
    width:50%;
  }
  img#zachface {
  width:30%;
  margin-left:35%; 
  }

  #btmbuttons img{
    padding: 20px 12px;
    height: 42px;
  }
  #topbuttons img{
    padding: 20px 12px;
    height: 32px;
  }
  .pswp__counter { font-size:2em;  margin-top: 15px;}

}