@charset "utf-8";
/* CSS Document */

	body {
		font-family: RotisSansSerifW01-Light_735438, Arial;
		font-size:1em;
		margin:1%;
		padding:0;
		text-align:center;
		height:100%;
		background-color:#5e373c;
    }

@font-face{
        font-family:"RotisSansSerifW01-Light_735438";
        src:url("Fonts/735438/936d702e-cc78-418c-bf42-07956a0e18e0.eot?#iefix");
        src:url("Fonts/735438/936d702e-cc78-418c-bf42-07956a0e18e0.eot?#iefix") format("eot"),url("Fonts/735438/426cf71e-b8d1-4802-9690-1dcec0ef30c6.woff2") format("woff2"),url("Fonts/735438/8acd0e02-7a91-4973-9c61-755704217f62.woff") format("woff"),url("Fonts/735438/f308cbe1-92de-408b-91bf-9c839ab3e687.ttf") format("truetype");
    }

    #main {
		height:96vh;
        display: flex;
        flex-flow: row;
		align-items:stretch;
    }
 
    #main > content {
        flex: 3 1 100%;
        order: 2;
		align-items: center;
		justify-content: center;
    }
    #main > left {
        flex: 1 6 ;
        order: 1;
		color:#FFF;
    }
  
    #main > right {
        flex: 1 6 ;
        order: 3;
		color:#FFF;
    }
	
 #main > content img{
	 max-height:97vh;
	 max-width:100%;
 }
	
img, img:hover, img:active{
	border:none;
}

#main > left, #main > right {
	opacity:0.3;
	z-index:2;
}
#main > left:hover, #main > right:hover, #close:hover {
	opacity:1;
}
#close{
	position:fixed;
	right:20px;
	z-index:4;
	opacity:0.4;
}
#rightarrow{
	position:fixed; top:46%;
	right:12px;
	text-align:right;
	z-index:3;
}
#leftarrow{
	position:fixed; top:46%;
	left:12px;
	z-index:3;
}

#submenu{
	position: fixed;
	bottom: 24px;
	padding: 6px 18px 6px 12px;
	background-color: rgba(94,55,60,0.4);
	right: 0px;
	text-align: right;
	color: rgba(255,255,255,0.6);
}

@keyframes standardanimation{
    0%{
		 opacity:0;
    }
    100%{
		 opacity:1;
    }
}

    #main > content img{
animation: standardanimation 1s;
}