#mainnav{display:none}#homecontent{min-height:2000px}.contentitem{position:fixed;z-index:10;top:60%;-webkit-animation:fadein 8s;-moz-animation:fadein 8s;-ms-animation:fadein 8s;-o-animation:fadein 8s;animation:fadein 8s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}#contentweb{width:89px;left:0px !important;cursor:pointer}#contentweb h2{height:100%;padding:0 5px}#contentdes{left:90px}#contentdev{left:220px}#contenttrain{left:450px}#contentart{left:610px}.contentitem a{transition:background-color .5s}.contentitem h2{display:inline-block;padding:0;text-shadow:2px -2px 2px #000;font-size:2em;font-weight:300;margin:0;text-transform:uppercase;border-top:solid 1px rgba(255,255,255,0);border-right:solid 1px rgba(255,255,255,0)}.contentitem h2 a{display:block;padding:0 5px}.contentitem h2 a:hover{background-color:#000}.contentitem p{padding:5px 15px;text-shadow:0 0 2px #fff;font-size:1em;font-weight:300;margin:0;background-color:rgba(255,255,255,0.6);color:#000}.contentitem p a{font-weight:900;color:#000;border:solid 1px #fff;display:inline-block;padding:0 2px}.contentitem p a:hover,.contentitem p a:focus{border:solid 1px #000;background-color:#fff}.bgphoto1{z-index:110;background-image:url(../images/chicagoskyscrapers-back.jpg)}.bgphoto2{z-index:120;background-image:url(../images/chicagoskyscrapers-trans-tiny.png)}.bgphoto3{z-index:90}#mainfooter{position:fixed;left:0;bottom:5px}@media screen and (max-width: 760px), screen and (max-height: 500px){#homecontent{height:auto;min-height:0;display:flex;flex-direction:column;margin:15px 0}.contentitem{position:static;margin:5px 0 15px}#contentweb{width:auto;margin:0 auto}#contentweb h2{font-weight:900;letter-spacing:20px}#mainfooter{position:relative;padding:0}}