html,body{height:100%;margin:0px;padding:0px;}


	
@media all and (orientation:portrait) {
.gifdiv{width:49%;height:33%;float:left;background-size:cover;position: relative;background:url('search.gif');}	 
}
@media all and (orientation:landscape) {
.gifdiv{width:33%;height:50%;float:left;background-size:cover;position: relative;background:url('search.gif');}	 
}
.controls{width:100%;height:24px;bottom:0px;position: absolute;background:white; opacity:0.5;float:right;}
.controls:hover{opacity:1;}
.info{color:#000;float:right;cursor:pointer;font-family:sans-serif;font-size:12px;padding:2px;}
. 
.volume {cursor:pointer;float:left;}
.solo{width:24px;height:24px;background:url('ic_headset_black_24dp.png');float:right;}

#thegifs{height:100%;height: calc(100% - 42px);top:42px;position: relative;}




#topbar{position:fixed;top:0px;text-align:right;width:100%;font-family:sans-serif;font-size:15px;color:000;background:white;opacity:1;}
#topbar:hover{opacity:1;background:white;color:black;-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);}
 #topbar img{float:right;max-height:42px;margin-left:2px;}
#topbar span{margin:2px;padding-top:10px;padding-left:10px;;float:left;font-size:10px;}
#allvolume{float:left;}
#controlbar{float:left;}
#controlbar img {}
a.giphylink{display:block;;position: absolute;background:url('ic_link_white_48dp.png');width:48px;height:48px;top:40px;right:0px;opacity:0.3;}
a.giphylink:hover{opacity:1;}
#mobile{display:none;width:100%;Height:100%;cursor:pointer;position:absolute;top:0px;z-index:5000;background:white;text-align:center;padding-top:40%;font-face:sans-serif;font-size:2em;}

#info{display:none;z-index:4000;position:absolute;top:50px;height:80%;width:50%;margin:0px 24%;background:#fff;border:solid red;-webkit-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
padding:10px;font-family: sans-serif;}


#linkbox{display:none;z-index:5000;position:absolute;top:50px;height:20%;width:50%;margin:0px 24%;background:#fff;border:solid red;-webkit-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.75);
padding:10px;font-family: sans-serif;}
#linkurl{width:80%;font-size:16px;}
#linkbox button{font-size:16px;float:right;}


.center{tex-align:center}