.publicidade{
	background:transparent;
	color: black;
	width:85%;
	height:90%;
	margin: auto;
	left: 0px;
	right: 0px;
	padding: 5px;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius:1rem;
	transition: all .5s;
	display: flex;
	box-shadow: 0.1px 0.1px 2px rgb(24, 184, 233);
	
}

.publicidade-img{
	background:transparent;
	color: black;
	width:45%;
	height:80%;
	margin: auto;
	left: 0px;
	right: 0px;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius: 5rem;
	transition: all .5s;
}

.publicidade-img img{
width: 60%;
height: 99%;
border-radius: 0.3rem;
border: solid blueviolet 0px;
transition: all .20s;

}

.publicidade-conteudo{

	background:transparent;
	color: black;
	width:52%;
	height:94%;
	margin: auto;
	left: 0px;
	right: 0px;
	padding: 5px;
	align-items: center;
	text-align: justify;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius: 5rem;
	transition: all .20s;	
}

.publicidade-conteudo button{
    width:90%;
    height: 40px;
    padding: 5px;
    outline: none;
    font-weight: 400;
    border: none;
    font-size: 12pt;
    color:black;
    background-color:white;
    border-radius: 0.3rem;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 0px 5px rgb(24, 184, 233);
 
}

.publicidade-conteudo button:hover{
    width:90%;
    height: 40px;
    padding: 5px;
    outline: none;
    font-weight: 400;
    border: none;
    font-size: 12pt;
    color: white;
    background-color:rgb(24, 184, 233);
    border-radius: 0.6rem;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 0px 5px rgb(24, 184, 233);
 
}

@media (max-width: 620px){


.publicidade{
	background:white;
	color: black;
	width:98%;
	height:auto;
	margin: auto;
	left: 0px;
	right: 0px;
	padding: 20px;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius: 0.6rem;
	transition: all .5s;
	display:flex; ;
	
}

.publicidade-img{
	background:white;
	color: black;
	width:100%;
	height:95%;
	margin: auto;
	left: 0px;
	right: 0px;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius: 0.6rem;
	transition: all .5s;
}

.publicidade-img img{
width: 90%;
height: 99%;
border-radius: 0.3rem;
border: solid blueviolet 0px;
transition: all .5s;

}

.publicidade-conteudo{
	background:white;
	color: black;
	width:98%;
	height:99%;
	margin: auto;
	left: 0px;
	right: 0px;
	padding: 5px;
	align-items: center;
	text-align: justify;
	flex-wrap: wrap;
	border: solid darkcyan 0px;
	border-radius: 0.6rem;
	transition: all .5s;	
}

.publicidade-conteudo button{
    width:99%;
    height: 40px;
    padding: 5px;
    outline: none;
    font-weight: 400;
    border: none;
    font-size: 12pt;
    color:black;
    background-color:white;
    border-radius: 0.3rem;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 0px 5px rgb(24, 184, 233);
 
}

.publicidade-conteudo button:hover{
    width:99%;
    height: 40px;
    padding: 5px;
    outline: none;
    font-weight: 400;
    border: none;
    font-size: 12pt;
    color: white;
    background-color:rgb(24, 184, 233);
    border-radius: 0.6rem;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 0px 5px rgb(24, 184, 233);
 
}


}