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




@media only screen and (max-width: 1220px) {	

.t-desk {display: none;}

.t-mob {display: block;}

#menu-mob {display:block;}

#top {
	bottom: 0;
	height: auto;
	display: none;
	background: rgb(0,0,0);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,40,82,1) 100%);
}

#lang-sel {
		top: 10px; 
		left: 5px;
	}


#lang {
	top: 10px;
	left: 5px;
	border: none;
	}

#menu-lang {
	left: 5px;
	top: 80px;
	background-color: rgba(0,15,30, 0.9);
}

.bg-box {padding-top: 50px;}


#nav-mob {display:block;}

#nav-desk {display:none;}

.logo {display: none;}

.logo-mob {display: block;}

#top-mob {display: block;}

	nav {margin-top: 100px;}
	
	nav ul li {display: block; text-align:center; margin: 0 auto;}
	
	nav ul li a {
		font-size: 15px;
		padding: 20px 0px;
		display: block;
		font-weight: 400;
		}
	

.text-container {
	margin-top: 150px;	
	margin-left: 25%;
}

h1 { font-size:40px;}


	#quem-somos .box {
		float: none;
		margin: 0px auto;		
	}

	#importacao .boxes {
			width: 100%;
		}

	#importacao .box {
		float: none;
		margin: 20px auto;
	}

	#cotacoes .box {
		float: none;
		margin: 20px auto;
	}

	.moedas {margin: 50px auto 0px;}



}


@media only screen and (max-width: 540px) {

	.slide {height: 500px;}

	h1 {font-size: 45px;}

}



@media only screen and (max-width: 1000px) {.text-container {margin-top: 100px; margin-left: 30%;} }
@media only screen and (max-width: 800px) {.text-container {width: 500px; margin-left: 35%;} }
@media only screen and (max-width: 600px) {.text-container {margin-left: 40%; width: 400px;} }
@media only screen and (max-width: 540px) {.text-container {margin-left: 35%;width: 500px;}  }

@media only screen and (max-width: 460px) {

	.text-container {
		margin-top: 100px; 
		margin-left:40%;
		width: 400px;
	} 

	.slide {height: 550px;}

	h1 {font-size: 40px;}

	#footer .cop {display: none;}

	#footer .cop-mob {display: block;}

	.space {
		display: block;
	}

}