@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100&display=swap');


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
	font-family: 'Work Sans', sans-serif;
}

body{
	font-family: 'Work Sans', sans-serif;
	color: #333;
	font-weight: 300;
	font-size: 12px;		
	background: #444;
}

a {
	text-decoration: none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}

/* Custom CSS
 * --------------------------------------- */

container {
	position: fixed;
	top: 80px;
	height: calc(100vh - 80px);
	width: 100%;
	background: #f09;
overflow-y: scroll;
overflow-x: hidden;
}

	
	#horizontal {
		display: none;
	}
	


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)  {




	
	#horizontal {
		display: none;
	}
	
}


@media all and (max-width: 768px) and (orientation: landscape), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 192dpi) and (max-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 2dppx) and (max-width: 1024px) and (orientation: landscape) {
	
	#horizontal {
		display: block;
		background: rgba(12,12,12,0.97);
		z-index: 4900;
		height: 100vh;
		width: 100%;
		position: fixed;
        top: 0px;
        left: 0px;
	}
	
	.optim {
		width: 100%;
		position: absolute;
		top: 50%;
		right: auto;
		text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	font-size: 18px;
		color: #ccc;
	}
    
    
}