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

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

.body_inicial {overflow: auto;}

.top_inicial {
	top: 30px;
	width: 150px;
  	height: 150px;
  	margin-left: -75px; 
}

.logo_inicial {width: 130px;}


.inicial {
	width: 100%;
    height: 100%; 
    display: block;
}
	.inicial_fundo {
		width: 100%;
   		height: 100%; 
		background-color: rgba(20, 20, 20, 0.75); 
		transition: all 500ms;
	}

	.inicial_assessoria {
	    width: 100%;
	    height: 500px;
	    margin-right: 0px;
	    background-size: 300%;
	}

	.inicial_transporte {
	    width: 100%;
	    margin-left: 0px;
	    top: 500px;
	   	position: absolute;
	   	border-top: 1px solid #888;
	    height: 450px;
	    background-size: 300%; 	
	}

	.inicial_titulo_esq {
		float: none;
		width: 320px;
		margin-left: -160px;
		left: 50%;
		top: -75px;		
		position: absolute
	}

	.inicial_titulo_dir {
		float: none;
		width: 320px;
		margin-left: -160px;
		left: 50%;
		top: -200px;		
		position: absolute
	}

		.inicial .p1 {
			width: 100%;
			text-align: center;
			margin-left: -20px;	
		}

		.inicial .p2 {
			width: 100%;
			text-align: center;
			margin-left: -20px;
		}

		.line {
			max-width: 250px;
			height: 1px;
			background-color: #ccc;
			margin: 10px auto;
		}

.btn {
	opacity: 1;
	visibility: visible;
	margin: 0 auto;
}

.inicial_titulo_dir .btn {margin: 0 auto;}

.inicial_assessoria:hover {height: 100%;}
.inicial_transporte:hover {height: 100%;}

.inicial_assessoria:hover .inicial_titulo_esq .p1 {margin-left: -20px;}
.inicial_assessoria:hover .inicial_titulo_esq .p2 {margin-left: -20px;}

.inicial_transporte:hover .inicial_titulo_dir .p1 {margin-left: -20px;}
.inicial_transporte:hover .inicial_titulo_dir .p2 {margin-left: -20px;}


#menu-mob {display:block;}

#top {
	position:fixed;
	top: 0;
	bottom: 0;
	width:100%;
	height: auto;
	margin: 0 auto;
	background: #313131;
	background: linear-gradient(135deg, rgba(49, 49, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
	display: none;
	z-index:998;
	opacity: 1;
}

.logo {display: none;}
.logo-mob {display: block;}

nav {margin-top: 50px; margin-left: 0px;}

	nav ul li {display: block; text-align:center;}
	
	nav ul li a {font-size:15px; margin: 0px auto; padding: 25px; color: #fff;}

p {padding: 0px 20px; font-size:18px;}
	
#nav-mob {display:block;}
	
#nav-desk {display:none;}
	
.medias {
	position: absolute;
	left: 50%;
	margin-left: -55px;
	margin-top:400px;
	right: 0px;
	width: 120px;	
	}

.banner {margin-top: 0px;}

.banner .box {padding: 80px 0px 50px;}

.banner .p1 {font-size: 40px; margin-bottom: 30px;}
.banner .p2 {font-size: 20px; margin-bottom: 50px;}

.banner_transporte_container .btn_banner {margin-left: 20px;}

	#quem-somos .box {
		width: 300px;
		height: auto;
		padding: 30px 10px;
		float: none;
		margin: 20px auto;
		border: 1px solid #D19D2F;
		border-radius: 30px;
	}

		#quem-somos .quem-somos_transportes .boxes {
			margin: 20px auto;
			width: 95%;
			float: none;
		}


		#quem-somos .quem-somos_transportes .box {
			width: 100%;
			padding: 0px;
			margin: 0px auto;
		}

		#quem-somos .quem-somos_transportes .box_img {
			float: none;
			width: 40px;
			margin: 10px auto;
		}

		#quem-somos .quem-somos_transportes .box_p {
			float: none;
			width: 100%;
		}

		#quem-somos .quem-somos_transportes .box .p1 {text-align: center;}
		#quem-somos .quem-somos_transportes .box .p2 {text-align: center;}

		#quem-somos .frota {
			width: 100%;
			float: none;
			margin: 20px auto;	
		}

	#assessoria .box {
		width: 270px;
		height: auto;
		padding: 30px;
		float: none;
		margin: 20px auto;

	}

	#transportes .box {
		width: 250px;
		height: auto;
		padding: 15px 15px 30px;
		float: none;
		margin: 20px auto;
	}

	.space2 {
		width: 100%;
		height: auto;
		display: block;
	}

	#contato .box1 {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#contato .box {
		width: 200px;
		height: 100px;
		padding: 25px 50px;
		margin: 20px auto;
		float: none;

	}