.pop{
	background: #1c1c1dd3;
	color: black;
	width:100%;
	height: 100vh;
	padding: 5px;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12pt;
	position: fixed;
	top: 0px;
	transition: all .5s;


}

.caixa-pop{
	background:white;
	color: black;
	width:45%;
	height: 92vh;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12pt;
	border-radius: 0.3rem;
	border: solid rgb(24, 184, 233) 5px;
	 transition: all .5s;

}


.caixa-pop img{
	width: 40%;
	height: 250px;
transition: all .5s;	

}

.caixa-pop img:hover{
	width: 40%;
	height: 250px;
}


.header-pop{
	background:rgb(24, 184, 233);
	color: white;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12pt;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	 transition: all .5s;

}

.header-pop a{
	color: white;
}

.header-pop a:hover{
	color: red;
}


.body-pop{
	background:white;
	color: black;
	width:98%;
	height:83vh;
	padding: 20px;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: left;
	font-size: 12pt;
	overflow: auto;
	transition: all .5s;

}




@media (max-width: 768px){


.caixa-pop{
	background:white;
	color: black;
	width:95%;
	height: 95vh;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12pt;
	border-radius: 0.3rem;
	border: solid rgb(24, 184, 233) 5px;
	transition: all .5s;

}


.caixa-pop img{
	width: 60%;
	height: 180px;
}

.caixa-pop img:hover{
	width: 60%;
	height: 180px;
	transition: all .5s;

}


.header-pop{
	background:rgb(24, 184, 233);
	color: white;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 12pt;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	transition: all .5s;

}

.header-pop a{
	color: white;
}

.header-pop a:hover{
	color: red;
}


.body-pop{
	background:white;
	color: black;
	width:95%;
	height:84vh;
	padding: 20px;
	margin: auto;
	left: 0px;
	right: 0px;
	text-align: left;
	font-size: 12pt;
	overflow: auto;
	transition: all .5s;

}



}