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

body {font-family: sans-serif;}
body {background-size: cover; background-repeat: no-repeat;min-height: 1;background-attachment: fixed}
body, html 

	
	.text-black{color:#000!important;
				opacity: 1!important;
				text-decoration: none
	}

	.cover{
		width: 300px;
		height: auto;
		z-index: 1
	}

	.left{
		width: 45%; 
		float: left;
		text-align: right;
		z-index: 1
	}

	.right{
		width: 45%; 
		float: right;
		text-align: left;
		z-index: 1
	}

	.bottomright{
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 250px;
		height: auto;
		z-index: -2
	}

	li{
		width: 350px;
		background-color: white;
		color: black!important;
		padding: 4px;
		border-radius: 2px;
		text-decoration: none;
		list-style: none;
		overflow: hidden;
	}

	li:hover{
		background-color: #FEF4A2;
		padding: 4px;
		border-radius: 2px;
		cursor: pointer;
	}

	.list_image{
		width: 37px;
		float: left; 
		margin-right: 10px; 
		border-radius: 8px;
		padding: 1px
	}

	.center { 
  		height: 300px;
  		position: relative;
  		border: 3px solid green; 
	}

	.center p {
  		margin: 0;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		-ms-transform: translate(-50%, -50%);
  		transform: translate(-50%, -50%);
	}

	footer{
		margin-top: 400px
	}

	#video-background {
	/*  making the video fullscreen  */
  	background-size: cover;
  	background-position: center;
  	position: fixed;
  	object-fit: cover;
  	right: 0; 
  	top: 0; 
  	min-height: 100%;
  	min-width: 100%;
  	width: 100vw; 
  	height: auto;
  	z-index: -100;
	}

	.vid916 {
	display: none;
	}

	.solid {
	width: 100vw;
	top: 0;
	left: 0;
	margin: -5 -5 -5 -5;
	z-index: -50;
	position: fixed;
	}

	.solid2 {
	display: none;
	}

@media only screen and (max-width: 800px){
	
	body{text-align: center}
	
	.left{
		width: 90%; 
		text-align: center;
		float: none;
		margin-bottom: 25px
	}

	.right{
		width: 90%;
		max-width: 350px;
		float: none
	}
	
	li{
		width: 100%;
		max-width: 350px
	}
	
	.cover{
		width: 90%;
		max-width: 350px;
	}
	

	.bottomright{
		display: none;
	}
	
	footer{
		margin-top: 0px
	}
	
	.solid {
	display: none;	
	}
	
	.vid169 {
	display: none;
	}
	
	.vid916 {
	display: inherit;
	}
	
	#video-background2 {
	/*  making the video fullscreen  */
  	background-size: cover;
  	background-position: center;
  	position: fixed;
  	object-fit: cover;
  	right: 0; 
  	top: 0; 
  	min-height: 100%;
  	min-width: 100%;
  	width: 100vw; 
  	height: auto;
  	z-index: -100;
	}
	
	.solid2 {
	display: block;
	width: 100vw;
	top: 0;
	left: 0;
	margin: -5 -5 -5 -5;
	z-index: -50;
	position: fixed;
	}
	
}