* {font-family: 'Roboto', sans-serif;}

html{ scroll-behavior: smooth; }

/* MENU */
.menunavegacao {background: linear-gradient(to right, white, black); position: fixed; z-index: 1000;} 
.logoapp { 
	width: 205px; height: 56px; float: left; 
	background: url(../img/siscav.ico) no-repeat left center/56px;
	font-size: 2.5em; text-align: right; color: white; 
	text-shadow: 0.1em 0.1em 0.2em green;
}
#mobile-demo {top: 60px; width: 230px;}		  
#mobile-demo li a {font-size: 1.6em; margin-top: 20px;}

/* SLIDES */
.slides h3, .slides h5, .slides hr {text-shadow: 0.0em 0.0em 0.4em black, 0.0em 0.0em 0.4em black,
									0.0em 0.0em 0.4em black; color: #fff;}
.slider-levi {position: relative; top: 64px; margin-bottom: 100px}
@media only screen and (max-width: 601px) {
  .slider-levi {top: 55px;}
  }


/* PLANOS */
.divplanos {
	padding: 5px;
	width: 100%;
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: space-around;
	color: #fff;
}
.divplanos div {
	background: linear-gradient(165deg, #43a047, black 28% , grey 90%, #43a047);
	margin: 5px; 
	padding: 20px;
	border-radius: 15px;
}	
.divplanos span {font-size: 2em;}
.divplanos h6 {font-size: 0.5em;margin: 0; padding:0;}


/* O PROGRAMA */
.programa {
	width: 100%;
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
	padding: 10px;
	justify-content: center;
}
.div-programa {
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
	height: 360px;
	padding: 20px;
	margin: 10px;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	background: linear-gradient(165deg, #bdbdbd, #43a047 28% , #bdbdbd 50%);
	flex-basis: 47%;
}	
@media only screen and (max-width: 801px) {
  .div-programa {flex-basis: 100%;}
  .div-programa {height: 550px;}
}
.div-programa span {font-size: 2em;}
.div-programa h6 {font-size: 0.5em;}


/* CONTATOS */
.contato {margin-top: 50px; margin-bottom: 50px; text-align: center;}
.contato p {font-size: 1.4rem;}
.contato p>a {background-color: #43a047; margin-top: 10px;}


/* RODAPE */
.rodape {
	background-color: #43a047;
	text-align: center;
	padding: 5px;
	width:98%;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 1%;	
	margin-right: 1%;
	bottom: 0;
	
}