*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.clear{
	clear: both;
}

.center{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}


/**seção 1 do site**/

.secao1{
	width: 100%;
	background-size: cover;
	background-position: center;
	background-image: url('../images/fundo.jpeg');
		
}

.fundo{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,86,0.3), rgba(0,0,86,0.3), rgba(0,0,86,0.5), rgba(0,0,86,0.5), rgba(0,0,86,0.7), rgba(0,0,86,0.7), rgba(0,0,86,0.9), rgba(0,0,86,1));
	padding:0 2%;
}

.logo1{
	background-image: url('../images/logo 2.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 200px;
	height: 100px;
	float: left;
	cursor: pointer;
}

.menu-desk{
	float: right;
	font-size: 30px;
}
.menu-desk ul{
	list-style-type: none;
}

.menu-desk li{
	float: left;
	padding:42px 20px;
}

.menu-desk li a{
	text-decoration: none;
	color: white;
}

nav.mobile-menu{
	margin-top:40px;
	float: right;
	width: 32px;
	height: 32px;
	background-size: 100% 100%;
	cursor: pointer;
	background-image: url('../images/menu.png');
	display: none;
}

nav.mobile-menu ul{
	display: none;
	width: 100%;
	left: 0;
	top: 95px;
	border-bottom:4px solid #43FFFD;
	z-index: 999;
	position: absolute;
	text-align: center;
	background-color:#000040;
}

nav.mobile-menu li{
	font-size: 23px;
	padding:20px 0px;
	font-weight: bold;

}

nav.mobile-menu li a{
	color:#43FFFD;
	text-decoration: none;
}

nav.mobile-menu li:hover{
	background-color:#00008c;
}




/** seção 2 **/
	.secao2{
	width: 100%;
	background-color: rgb(0,0,86);
	}

	.secao2>.center{
		padding: 20px 2%;
		text-align: center;
		min-height: 90vh;
	}
	/*nprod*/
		.secao2>.center>.nprod>h1{
			color: white;
			font-size: 45px;
			margin-bottom: 30px;
		}
		.nprod{
			/*display: none;*/
		}
		.secp{
			width: 100%;
			display: flex;
			margin-bottom: 20px;
		}

		.prodsec{
			width: 30%;
			min-height: 300px;
			background-color: #43FFFD;
			border-radius: 30px;
			margin-right: 3.3%;
			text-align: center;
			padding: 1%;
			color: rgb(0,0,86);
			cursor: pointer;
		}

		.prodsec:hover{
			background-color: #000040;
			color: #43FFFD;
		}

		.prodsec img{
			height: 60px;
		}

		.prodsec h2{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.prodsec p{
			text-align: justify;
			font-size: 18px;
			font-weight: bold;
		}
	/*nprod*/

	/*dprod*/

		.dprod{
			width: 100%;
			background-color: white;
			position: relative;
			padding: 2%;
			border-radius: 30px;
			display: none;
		}
		.backtprod{
			position: absolute;
			background-image: url('../images/back.png');
			background-size: contain;
			width: 50px;
			height: 50px;
			transform: translate(-50%,-50%);
			top: 60px;
			left: 50px;
			cursor: pointer;
		}
		.dprod img{
			height: 100px;
			position: absolute;
			right: 20px;
			top: 3px;
		}

		.dprod h2{
			font-size: 45px;
			margin-top: 20px;
			margin-bottom: 50px;
		}

		.dprod h3{
			margin-top: 30px;
			text-align: left;;
			width: 100%;
			padding: 20px;
			background-color: #000040;
			color: #43FFFD;
			cursor: pointer;
		}

		.dprod p{
			color: #000040;
			font-weight: bold;
			text-align: justify;
			padding: 2%;
			display: none;
		}

		.btn1{
			margin: 0 auto;
			margin-top: 20px;
			text-align: center;
			font-weight: bold;
			display: block;
			line-height: 40px;
			background-color:#43FFFD;
			text-decoration: none;
			border-bottom: 5px solid #000040;
			border-radius: 20px;
			color: #000040;
			font-size: 20px;
			width: 300px;
		}

		.btn1:hover{
			background-color: #000040;
			color: #43FFFD;
			border-color:#43FFFD; 
		}

/** Fim da seção 2 **/

/** footer  **/

footer{
	padding:20px 3%;
	color: white;
	background-color: #000040;
	font-weight: bold;
}

.left-footer{
	padding-top: 10px;
	float: left;
}

.right-footer{
	text-align: center;
	float: right;
}


/** fim do footer **/

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

	nav.menu-desk{
		display:none;
	}

	nav.mobile-menu{
		display: block;
	}

	/*nprod*/
		.secp{
			width: 100%;
			flex-direction: column;
			margin-bottom: 20px;
		}

		.prodsec{
			width: 100%;
			margin-bottom: 10px;
		}

	/*nprod*/

	footer{
		text-align: center;
	}

	.left-footer,.right-footer{
		float: none;
	}
	.left-footer{
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 601px){
	.backtprod{
			width: 25px;
			height: 25px;
			top: 30px;
			left: 25px;
		}
		.dprod img{
			height: 50px;
			top: 30px;
		}

	
}