@import url(css/reset.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);

html { height:100%; }
body { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height:1.1;  letter-spacing:2px; color:#89a7d7; font-size:20px; background:#011900;}

/* font-family: 'Lato', sans-serif;  */

.page { width:100%; height:100%; position:absolute; left:0px; opacity:1; z-index:0; overflow:scroll; }
.pagethird { width:100%; position:absolute; left:0px; opacity:1; z-index:0; overflow:hidden; }
.cover { background-size:cover; background-position:center center; background-repeat:no-repeat; }

a { background:yellow; color:#011900; text-decoration:none; padding:2px 5px; font-size:20px; display:inline-block; margin:5px auto; border: 2px solid yellow; }
a:hover {color:yellow; background:none;}

#home { position:relative; width:100%; margin:0; }
#home img{ display:block; width:100%; height:auto; }
.split { position:relative; display:inline-block; float:left; width:46%; padding:0 2%; margin:30px auto; }
.split img { display:block; width: 100%; height:auto; }

#copy{ width:80%; margin-left:10%; position:relative; text-align: center; margin-top:-30px; }

#copy h2 { font-size:45px; line-height:45px; color:yellow; margin:20px auto 20px; font-family: 'Lobster', cursive; letter-spacing:6px;  }
#copy hr { width:80%; margin:20px auto; border:3px solid yellow; }
#copy p { font-size:20px; line-height:25px; margin:2px auto; text-transform:uppercase; font-weight:400; color:#fcf692; }

/*CSS SNIPPETS*/
.transall {  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}
.transopac {  -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
a:hover.opac { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}

a.opac {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; }

img.ri { position: absolute; max-width: 70%; top: 15%; left: 15%;  }
img.ri:empty { top: 46%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

img:hover.ri { margin-top:-5px; }

@media screen and (orientation: portrait) {
  img.ri { max-width: 80%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 80%; }
}


@media only screen and (max-width : 633px) {

.split { position:relative; display:block; float:left; width:80%; padding:0 10%; margin:20px auto 0; }



}