@media (min-width: 1280px){

	html{	
		background-color: #424b57 !important;
		scroll-behavior: smooth;
		padding: 0px;
		float: center;
		width: 100%;
		font-family: "TTHoves",Arial,Helvetica sans-serif !important;
		overflow-x: hidden;
		scrollbar-color: #424b57!important;
	}

	body{

		position: relative;
		width: 100%;
		background-color: #222222;
		margin: 0%;
		padding-top: 0%;
	  	}


	div{
		position: relative;
		float: left;
		width: 100%;
		margin-top: 0px;

	}

	#title-menu{
		width: 100%;
		background-color: #424b57!important;
		float: center;
		height: 7vh;
		text-decoration: none;
		color: #AEFF00;
		position: absolute;
		z-index: 1;
		position: fixed;
		display: block;
		border-style: solid;
		
		border-top-width: 0px ;
		border-left-width: 0px;
		border-right-width: 0px;
		border-bottom.width: 5px;
		border-color: #AEFF00;
		padding: 1em;
		box-shadow: 0px 5px 50px black;
		
	}

	.cookie-popup{
		float: center;	
		display: inline-block;
	  	position: fixed;  	
	  	left: 22vw;
	  	top: 33vh;
	  	
	  	z-index: 9;
	  	width: 50vw;
	  	background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		text-align: justify;
		color: #424b57;
		box-shadow: 10px 10px 400px 100px black;
		padding: 2em;


	}

	.form-container .btn {
		position: relative;
		background-color: #AEFF00;
		text-align: center;
		float: center;
		color: white;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 33%;
		margin-bottom:10px;
		margin-left: 33%;
	}




	#title{
		position: relative;
		width: 100%;
		color: #AEFF00;
		display: inline;
		padding: 1em;
		margin-top: 1em;
		height: 100%;
	}

	#menu{
		display: inline;
		float: right;	
		margin-right: 10%;
		position: inherit;
		width: 80%;
		height: 100%;


	}

	#menu > p{
		display: inline;
	}

	h3.menu-element{
		display: inline;
		float: right;
		margin: 1em;
	}


	div.wrapper{
		margin-top: 10vh;
		overflow-x: hidden;
		scrollbar-base-color: #424b57!important;
		scrollbar-color: #424b57!important;
	}

	h1.title-menu{	
		display: inline;
		float: left;
		margin-top: 1em;
		
	}

	table.title-menu{
		display: inline;
		float: left;
	}

	tr.title-menu{
		display: inline;
		float: left;
	}


	div.content{
		float: center;
		padding: 0px;
		

	}

	p > div.content{
		float: center;
	}


	.paragraf{
		display: inline;
		margin-top: 5em ;
		margin-left: 1em;
		margin-right: 5em;
		text-align: justify-all ;
		font-size: 1.5em ;
	}

	#white{
		background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: #424b57!important;
		min-height: 50vh;
		
	}



	.left{


		left: 10%;
		
		float: left;
		position: relative;
		text-align: left;
		padding: 1em;
		width: 35%;
		
		

	}

	.bar{
		float: left;
		position: relative;
		margin-top: 0em;
		width: 2% ;
		padding: 1em;
		height: 100%;
		
		
	}

	.right{
		margin-top: 10em;
		margin-bottom: 10em;
		
		float: right;
		position: inherit;
		text-align: left;
		padding: 1em;
		width: 35%;
		
	}


	#green{
		background-color: #AEFF00;;
		float: center;
		text-decoration: none;
		color: ghostwhite;
	}


	#with-image{
		
		background-repeat: revert ;
		background-size: 150%;
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);

	}

	#with-video{
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		
	}

	#myVideo {
		margin: 0px;
	 	position: absolute;
		height: 100%;

	  
	}


	#content-image{
		float: center;
		width: 50%;
		white-space: pre-line;

	}

	img.content-image{
		background-color: white;
		top: 20%;
		float: center;
		position: relative;
		width: 50%;
		margin: 4em;
		padding: 2em;
		white-space: pre-line;
		box-shadow: 0px 5px 50px black;
	}

	div.foot{
		margin: 0px;
		background-color: #424b57 !important;
		float: center;
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
		height: 10em;
		text-decoration: none;
	}



	p.foot-content{
		color: #91a5c1;
		margin: 2em;
	}


	a:link{
		text-decoration: none;
		color: #91a5c1;
	}

	a:visited{
		text-decoration: none;
		color: #91a5c1;
	}

	a:hover{
		text-decoration: underline;
		color: white;
	}

	#comming-soon{
		width: 100%;
		margin: 0px;

	}
}









/*
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////

@media 1280px

///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////

*/



@media (max-width: 1280px){

	html{	
		background-color: #424b57 !important;
		scroll-behavior: smooth;
		padding: 0px;
		float: center;
		width: 100%;
		font-family: "TTHoves",Arial,Helvetica sans-serif !important;
		overflow-x: hidden;
		scrollbar-color: #424b57!important;
	}

	body{

		position: relative;
		width: 100%;
		background-color: #222222;
		margin: 0%;
		padding-top: 0%;
	  	}


	div{
		position: relative;
		float: left;
		width: 100%;
		margin-top: 0px;

	}

	.title-menu{
		width: 100%;
		background-color: #424b57!important;
		float: center;
		height: 7vh;
		text-decoration: none;
		color: #AEFF00;
		position: absolute;
		z-index: 1;
		position: fixed;
		display: block;
		border-style: solid;
		
		border-top-width: 0px ;
		border-left-width: 0px;
		border-right-width: 0px;
		border-bottom.width: 5px;
		border-color: #AEFF00;
		padding: 1em;
		box-shadow: 0px 5px 50px black;
		
	}

	.cookie-popup{
		float: center;	
		display: inline-block;
	  	position: fixed;  	
	  	left: 22vw;
	  	top: 33vh;
	  	
	  	z-index: 9;
	  	width: 50vw;
	  	background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		text-align: justify;
		color: #424b57;
		box-shadow: 10px 10px 400px 100px black;
		padding: 2em;


	}

	.form-container .btn {
		position: relative;
		background-color: #AEFF00;
		text-align: center;
		float: center;
		color: white;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 33%;
		margin-bottom:10px;
		margin-left: 33%;
	}




	#title{
		position: relative;
		width: 100%;
		color: #AEFF00;
		display: inline;
		padding: 1em;
		margin-top: 1em;
		height: 100%;
	}

	#menu{
		display: inline;
		float: right;	
		margin-right: 10%;
		position: inherit;
		width: 80%;
		height: 100%;


	}

	#menu > p{
		display: inline;
	}

	h3.menu-element{
		display: inline;
		float: right;
		margin: 1em;
	}


	div.wrapper{
		margin-top: 5vh;
		overflow-x: hidden;
		scrollbar-base-color: #424b57!important;
		scrollbar-color: #424b57!important;
	}

	h1.title-menu{	
		display: inline;
		float: left;
		margin-top: 1em;
		
	}

	table.title-menu{
		display: inline;
		float: left;
	}

	tr.title-menu{
		display: inline;
		float: left;
	}


	div.content{
		float: center;
		padding: 0px;
		

	}

	p > div.content{
		float: center;
	}


	.paragraf{
		display: inline;
		margin-top: 5em ;
		margin-left: 1em;
		margin-right: 5em;
		text-align: justify-all ;
		font-size: 1.5em ;
	}

	#white{
		background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: #424b57!important;
		min-height: 50vh;
		
	}



	.left{


		left: 10%;
		
		float: left;
		position: relative;
		text-align: left;
		padding: 1em;
		width: 80%;
		
		

	}

	.bar{
		float: left;
		position: relative;
		margin-top: 0em;
		width: 2% ;
		padding: 1em;
		height: 100%;
		
		
	}

	.right{
		margin-top: 5em;
		margin-bottom: 5em;
		left: 10%;
		float: left;
		position: inherit;
		text-align: left;
		padding: 1em;
		width: 80%;
		
	}


	#green{
		background-color: #AEFF00;;
		float: center;
		text-decoration: none;
		color: ghostwhite;
	}


	#with-image{
		
		background-repeat: no-repeat ;
		background-size: 500%;
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);

	}

	#with-video{
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		
	}

	#myVideo {
		margin: 0px;
	 	position: absolute;
		height: 100%;

	  
	}


	
	img.content-image{
		background-color: white;
		margin-top: 1em;
		margin-bottom: 1em;
		float: center;
		position: relative;
		width: 80%;
		
		padding: 2em;
		white-space: pre-line;
		box-shadow: 0px 5px 50px black;
	}

	div.foot{
		margin: 0px;
		background-color: #424b57 !important;
		float: center;
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
		height: 10em;
		text-decoration: none;
	}



	p.foot-content{
		color: #91a5c1;
		margin: 2em;
	}


	a:link{
		text-decoration: none;
		color: #91a5c1;
	}

	a:visited{
		text-decoration: none;
		color: #91a5c1;
	}

	a:hover{
		text-decoration: underline;
		color: white;
	}

	#comming-soon{
		width: 100%;
		margin: 0px;

	}
}




/*
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////

@media 640

///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////

*/


@media (max-width: 640px){

	html{	
		background-color: #424b57 !important;
		scroll-behavior: smooth;
		padding: 0px;
		float: center;
		width: 100%;
		font-family: "TTHoves",Arial,Helvetica sans-serif !important;
		overflow-x: hidden;
		scrollbar-color: #424b57!important;
	}

	body{

		position: relative;
		width: 100%;
		background-color: #222222;
		margin: 0%;
		padding-top: 0%;
	  	}


	div{
		position: relative;
		float: left;
		width: 100%;
		margin-top: 0px;

	}

	.title-menu{
		width: 100%;
		background-color: #424b57!important;
		float: center;
		height: 1vh;
		text-decoration: none;
		color: #AEFF00;
		position: absolute;
		z-index: 1;
		position: fixed;
		display: block;
		border-style: solid;
		
		border-top-width: 0px ;
		border-left-width: 0px;
		border-right-width: 0px;
		border-bottom.width: 5px;
		border-color: #AEFF00;
		padding: 1em;
		box-shadow: 0px 5px 50px black;
		
	}

	.cookie-popup{
		float: center;	
		display: inline-block;
	  	position: fixed;  	
	  	left: 22vw;
	  	top: 33vh;
	  	
	  	z-index: 9;
	  	width: 50vw;
	  	background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		text-align: justify;
		color: #424b57;
		box-shadow: 10px 10px 400px 100px black;
		padding: 2em;


	}

	.form-container .btn {
		position: relative;
		background-color: #AEFF00;
		text-align: center;
		float: center;
		color: white;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 33%;
		margin-bottom:10px;
		margin-left: 33%;
	}




	#title{
		position: relative;
		width: 100%;
		color: #AEFF00;
		display: inline;
		padding: 1em;
		margin-top: 1em;
		height: 100%;
	}

	#menu{
		display: inline;
		float: right;	
		margin-right: 10%;
		position: inherit;
		width: 80%;
		height: 100%;


	}

	#menu > p{
		display: inline;
	}

	h3.menu-element{
		display: inline;
		float: right;
		margin: 1em;
	}


	div.wrapper{
		margin-top: 5vh;
		overflow-x: hidden;
		scrollbar-base-color: #424b57!important;
		scrollbar-color: #424b57!important;
	}

	h1.title-menu{	
		display: inline;
		float: left;
		margin-top: 1em;
		
	}

	table.title-menu{
		display: inline;
		float: left;
	}

	tr.title-menu{
		display: inline;
		float: left;
	}


	div.content{
		float: center;
		padding: 0px;
		

	}

	p > div.content{
		float: center;
	}


	.paragraf{
		display: inline;
		margin-top: 5em ;
		margin-left: 1em;
		margin-right: 5em;
		text-align: justify-all ;
		font-size: 1.5em ;
	}

	#white{
		background-color: ghostwhite;
		float: center;
		text-decoration: none;
		color: #424b57!important;
		min-height: 50vh;
		
	}



	.left{


		left: 10%;
		
		float: left;
		position: relative;
		text-align: left;
		padding: 1em;
		width: 80%;
		
		

	}

	.bar{
		float: left;
		position: relative;
		margin-top: 0em;
		width: 2% ;
		padding: 1em;
		height: 100%;
		
		
	}

	.right{
		margin-top: 5em;
		margin-bottom: 5em;
		left: 10%;
		float: left;
		position: inherit;
		text-align: left;
		padding: 1em;
		width: 80%;
		
	}


	#green{
		background-color: #AEFF00;;
		float: center;
		text-decoration: none;
		color: ghostwhite;
	}


	#with-image{
		
		background-repeat: no-repeat ;
		background-size: 500%;
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);

	}

	#with-video{
		
		float: center;
		text-decoration: none;
		color: rgba(250, 250, 250, 1);
		
	}

	#myVideo {
		margin: 0px;
	 	position: absolute;
		height: 100%;

	  
	}


	
	img.content-image{
		background-color: white;
		margin-top: 1em;
		margin-bottom: 1em;
		float: center;
		position: relative;
		width: 80%;
		
		padding: 2em;
		white-space: pre-line;
		box-shadow: 0px 5px 50px black;
	}

	div.foot{
		margin: 0px;
		background-color: #424b57 !important;
		float: center;
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
		height: 10em;
		text-decoration: none;
	}



	p.foot-content{
		color: #91a5c1;
		margin: 2em;
	}


	a:link{
		text-decoration: none;
		color: #91a5c1;
	}

	a:visited{
		text-decoration: none;
		color: #91a5c1;
	}

	a:hover{
		text-decoration: underline;
		color: white;
	}

	#comming-soon{
		width: 100%;
		margin: 0px;

	}
}
