@charset "utf-8";
/* CSS Document */
*{text-decoration: none}
BODY{height: 100vh; width: 100vw; overflow-x: hidden} 
video {
		  object-fit: cover;	
		  width: 100vw;
		  height: 100vh;
		  position: fixed;
		  z-index: 0;	
		  top: 0;
		  left: 0;
		 }

		A{display: block; background: -webkit-linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.2));
			background: linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.2)); height: 100vh;}

		A:HOVER{display: block; background: -webkit-linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.4));
			background: linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.4)); height: 100vh; text-decoration: none}

		H2 {margin-top: 10px;}
		A H2{color:#FFFFFF; text-align: center; text-decoration: none; font-size: 28px;}
		A:HOVER H2{text-decoration: none; color: #ffd500;}
		@media screen and (max-width: 768px) {
			
			A H2{font-size: 24px;}
			
		}

		 #esquerda{	
		  height: 100%;
		  width: 50%;	 
		  position: fixed;
		  z-index: 1;		 
		  top: 0;
		  left: 0;
		 }
		 #direita{
			background: -webkit-linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.2));
			background: linear-gradient(90deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.2));
		  height: 100%;
		  width: 50%;	
		  position: fixed;
		  z-index: 1;	
		  top: 0;
		  right: 0;	 
		 }

		 #esquerda img, #direita img{width: 20%; margin-top:30%; margin-left: 40%; }

		 @media screen and (max-width: 768px) {
		 BODY{height: 100vh; overflow-x: hidden} 
		 #esquerda{
			background: -webkit-linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3));
			background: linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3)); 
		  width: 100vw;
		  height: 50vh;
		  top: 0;
		  position: fixed;	 
		  z-index: 1;
		 }
		 #direita{
			background: -webkit-linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3));
			background: linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3)); 
		  width: 100vw;
		  height: 50vh;
		  top: 50vh;
		  position: fixed;
		  z-index: 1;			 
		 }	 
		 #esquerda img, #direita img{width: 40%; margin-top:21%; margin-left: 30%; }
		 }


		@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
	BODY{height: 100vh; overflow-x: hidden} 
		 #esquerda{
			background: -webkit-linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3));
			background: linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3)); 
		  width: 100vw;
		  height: 50vh;
		  top: 0;
		  position: fixed;	 
		  z-index: 1;
		 }
		 #direita{
			background: -webkit-linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3));
			background: linear-gradient(180deg, rgb(0, 0, 0, 0.0), rgb(0, 0, 0, 0.3)); 
		  width: 100vw;
		  height: 50vh;
		  top: 50vh;
		  position: fixed;
		  z-index: 1;			 
		 }	 
		 #esquerda img, #direita img{width: 40%; margin-top:20%; margin-left: 30%; }	
}