.max-width {
	max-width: 960px
}
@media screen and (max-width: 959px) {
	.max-width {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*---------------------------------------------------*/

@media screen and (max-width: 960px) {
	#logo {
		display: block;
		float: none;
		margin: auto;
	}

	#layout_header address, 
	#idade {
		display: none;
	}
}

/*---------------------------------------------------*/

@media screen and (max-width: 430px) {
	#creditos, 
	#copyright {
		display: block;
		width: 100%;
		text-align: center;
	}
}

/*---------------------------------------------------*/

@media screen and (min-width: 960px) {
	#layout_everything {
		min-height: 100%;
		padding-bottom: 325px;
	}
		#layout_footer {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
}

/*---------------------------------------------------*/

@media screen and (max-width: 959px) {
	
	#menu {
		display: none;
	}

	#menu_mobile, 
	#open_menu_mobile {
		display: block;
	}

	#open_menu_mobile {
		bottom: auto;
	}

	#layout_header {
		padding-bottom: 40px;
	}
}

/*---------------------------------------------------*/

@media screen and (max-width: 845px) {
	#layout_footer .facebook, 
	#layout_footer address {
		display: block;
		margin-right: auto;
	}

	#layout_footer .facebook {
		width: 100%;
		margin-bottom: 20px;
	}
}

/*----------------------------------------------------*/
@media screen and (max-width: 375px) {
	#home_botoes .column {
		width: calc((100% - 40px) / 2)
	}
}
/*-----------------------------------------------------*/

@media screen and (max-width: 699px) {
	#agenda .meses {
		width: 250px;
		max-width: 100%;
		margin-bottom: 20px;
	}


	#agenda .calendario > .nota {
		position: relative;
		right: auto;
		height: 0px;
		padding: 0px;
	}

	#agenda .calendario > .nota.aberto {
		height: auto;
		padding: 10px;
	}

}


@media screen and (min-width: 700px) {
	#agenda .meses {
		float: right;
		margin-right: 0px;
	}

	#agenda .calendario > .nota {
		position: relative;
		right: auto;
		height: 0px;
		float: left;

		width: calc(100% - 270px);
		padding: 0px;
	}

	#agenda .calendario > .nota.aberto {
		height: auto;
		padding: 10px;
	}
}


/*-----------------------------------------------------*/

@media screen and (max-width: 699px) {
	
	#comunicados_home {
		margin-bottom: 20px;
	}

	#calendario_home {
		display: block;
		width: 100%;
	}
		#calendario_home .calendario {
			background-color: transparent;	
		}
			#calendario_home .meses {
				width: 250px;
				margin-bottom: 20px;
				background-color: #f1f1f1;
			}
}

@media screen and (min-width: 700px) {
	#calendario_home {
		width: 250px;
		margin-bottom: 20px;
	}
		#calendario_home .calendario > .nota {
			right: 270px;
			top: 0px;
			width: 400px;
		}

		@media screen and (min-width: 961px) {
			#calendario_home .calendario > .nota {
				width: calc(960px - 270px);
			}
		}

	#comunicados_home {
		width: calc(100% - 270px);
		margin-right: 20px;
		margin-bottom: 20px;
	}
}

/*-----------------------------------------------------*/

@media screen and (max-width: 500px) {	
	.barra-rolante .paginas {
		display: none;
	}
}

/*-----------------------------------------------------*/
@media screen and (max-width: 960px) {
	.rich-text img {
		max-width: 100%;
		height: auto !important;
	}
}
/*-----------------------------------------------------*/

@media screen and (max-width: 499px) {
	#matricule_se {
		border-radius: 10px;
	}

	#matricule_se .button-like {
		margin-bottom: 10px;
	}
}