@media screen and (max-width:960px)
{
	header nav .module{
		padding: 130px 4%;
	}
	.news .valign {
    	padding: 20px;
    	width: 100%;
	}
}
@media screen and (max-width:730px)
{
	header nav .module{
		padding: 130px 2%;
	}

	.tit1 {
    	font-size: 40px;
	}
}
@media screen and (max-width:650px)
{
	header nav .module {
		padding: 20px 6%  40px 6%!important;
	}
	header dl{
		display:  none;
	}
	header h1 {
		width: 70px;
		height: 70px;
		background-size: contain !important;
		left: 10px;
		top: 10px;
	}
	.pagination{
		bottom: 10px;
	}
	.pagination a{
		font-size: 20px;
		margin-right: 20px;
	}
	.tit1{
		font-size: 30px;
	}
	.tit2{
		font-size: 28px;
	}
	.tit4{
		font-size: 26px;
	}
	#slideshow{
		height: 200px !important;
	}
	.double {
		height: auto;
	}
	.double  > *{
		height: 300px !important;
	}
	.fluid .module {
		padding: 55px 20px;
	}
	#pills .double  > *{
		height: auto !important;
	}

	header nav .module {
		padding: 0;
		text-align: center;
	}
	header nav .module a {
		margin-bottom: 25px;
	}
	header nav > ul {
		height: auto;
		padding-top: 60px !important;
	}
	header nav .group {
		padding: 110px 25px 0;
	}
	footer{
		line-height: 1.2em;
		padding-top: 16px;
		padding-bottom: 10px;
		height: auto;
	}
	footer p{
		float: none;
		line-height: 1.2em;
    	text-align: center;
		margin: 10px 0;
	}
	footer ul{
		float: none;
		text-align: center;
    	margin: 0;
	}
	footer li{
		float: none;
		display: inline-block;
		margin-top: 10px;
	}
	#docentes main .module{
		padding: 20px 20px 60px;
	}
	main {
		padding-bottom: 120px;
	}
	.group img{
		width: 100%;
	}
	.featured {
		padding: 100px 30px;
	}
	#pills main section .module {
		padding: 0 30px;
	}
	.featured h2 {
		margin: 0 auto 20px;
		float: none;
	}
	#about main section {
		line-height: 1.4em;
		margin: 20px 20px;
	}
	#about .littelist {
		width: 100%;
	}
	.course {
		padding-top: 0;
		padding-bottom: 0;
	}
	.course article{
		margin-bottom: 30px;
	}
	.expanded-course {
		padding: 140px 0;
	}
	.expanded-course h1 {
		width: 100%;
		line-height: 1em;
		margin: 0 auto 60px;
		text-align: center;
	}
	#galeria main h1{
		padding: 60px 0;
		margin: 0 15px;
	}
	.pills div:first-child {
		background-size: 80px auto !important;
	}
	.kidz .pills div:first-child {
		background-size: 80px auto !important;
	}
	.pills{
		margin-bottom: 20px;
	}
	.video > a, .gallery > a {
		height: 200px;
	}
	#contact label{
	   float: none;
	}
	#contact form{
		margin: 30px 20px;
	}
	#contact dd a{
		margin: 10px 0;
		display: inline-block;
	}
	#contact legend{
		margin: 20px 0;
	}
	.slideshow-container {
		height: auto;
	}
	.dot-nav{
		display: none;
	}
	.slideshow-container .arrow{
		background-size: 50% auto;
		padding: 15px;
		top: calc(50% + 50px);
	}
	header a#menu-opener span{
		display: none;
	}
	.activities.carrousel{
		display: none;
	}
	#calendar .calendar-month{
		display: none;
	}
	#calendar #filter{
		display: none;
	}
	#calendar h3{
		font-size: 38px;
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	#calendar .cal {
		padding: 0 20px;
		text-align: center;
	}
}