/* Desktop */
	*{
		margin:0;
		padding:0:
	}

	body{
		background:#000;
		color:rgba(236,162,2,1);
		font:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 28px;
			
	}

	.container {
		position:fixed;
		width: 90%;
		height: auto;
		margin:3% auto auto 5%;
		text-align:center;
		opacity:0.2;
		z-index:2;
		background-image:url('../img/logo_temtudo.png');
		background-repeat: no-repeat;
		background-position: center;
	}
	.texto {
		position:fixed;
		width: 90%;
		height: 100%;
		margin:3% auto auto 5%;
		text-align:center;
		opacity:1;
		z-index:1;
	}
	.texto::after {
		content: "";
		background-image: url('../img/logo_temtudo.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 35%;
		opacity: 0.2;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;	

	}

	.texto2 {
		position:relative;
		width: 90%;
		height: 100vh;
		min-height: 100vh;
		margin:3% auto auto 5%;
		text-align:center;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */
		opacity:1;
		z-index:1;
	}
	div.container4 {
		height: 10em;
		position: relative 
	}
	.texto2 span {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%) 
	}
		
	.textospan {
		width: 90%;
		height: 100%;
		margin:0% auto auto 5%;
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		position:fixed;
		
	}

	.texto2::after {
		content: "";

		background-image: url('../img/logo1.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 40%;
		opacity: 0.2;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;	

	}



	.box {
		position: absolute;
		width: 75%;
		height: auto;
		margin-top: 2%;;
		margin-left: 18%;
		padding:2%;
		text-align:center;
		z-index:3;
	}

	.box_contato {
		position: absolute;
		width: 70%;
		height: auto;
		margin-top: 15%;;
		margin-left: 18%;
		padding:2%;
		text-align:center;
		font-size:36px;
		z-index:5;
	}

	.box_servicos {
		position:absolute;
		width: 75%;
		height: auto;
		margin-top: 5%;;
		margin-left: 18%;
		padding:2%;
		text-align:center;
		font-size:36px;
		z-index:5;
	}
	.principal {
		position:fixed;
		width: 100%;
		height: auto;
		margin:0% auto auto 5%;
		text-align:center;
		z-index:2;
	}

	.menu{
		background:rgba(236,162,2,1);
		height:100%;
		left:0;
		position:fixed;
		top:0;
		width:60px;
		z-index:999
	}

	.dropdown{
		position:relative;
		display:inline-block;
	}

	.dropbtn{
		background-color:#000;
		color:white;
		padding: 12px;
		font-size:16px;
		border:none;
		cursor:pointer;
		width:100%;
		height:60px;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		width:60px;
		left:20px;
		 -webkit-transition: height 4s; /* For Safari 3.1 to 6.0 */
		transition: height 4s;
		z-index: 1;
	}

	.dropdown-content a {
		background-color:#000;
		color: rgba(255,153,51,1);
		padding: 10px;
		border: 1px solid rgba(236,162,2,1);
		text-decoration: none;
		text-align:center;
		font-size:36px;
		display: block;
		-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
		transition: width 2s, height 2s, transform 2s;
	}
	 
	.dropdown-content a:hover {background-color: #000;
		opacity: 0.7;
		box-shadow:8px 8px 16px 0px rgba(236,162,2,1);
		 -webkit-transform: rotate(360deg); /* Safari */
		transform: rotate(360deg);
	}

	.menu:hover .dropdown-content {
		display: block;
	}

	.menu:hover .dropbtn {
		background-color: #000;
		opacity: 0.7;
		box-shadow:8px 8px 16px 0px rgba(236,162,2,1);
	}