h1 {
	margin: 30px 0 0 50px;
}
#aboutTitle {
	width: 100%;
	float: left;
	margin: 80px 0 0 0;
	border-bottom: 2px solid #449DCC;
	position: relative;
}
#aboutTitle h1 {
	margin: 30px 5% 0 20px;
}
#aboutTitle p {
	margin: 20px 5% 50px 50px;
	font-size: 22px;
}
.block1 {
	width: 33.33%;
	float: left;
}
#block1 {
	background-image: url('../imgs/phones.jpg');
	background-size: 100% 100%;
}
#block2 {
	background-color: #449DCC;
}
#blockTitle2 {
	background-color: rgba(255, 255, 255, 0.2);
	width: 33.33%;
	max-width: 400px;
	position: absolute;
}
#block3 {
	background-color: #fff;
	text-align: center;
}
#block3 h3 {
	font-size: 22px;
	margin: 35% 30px;
}
#block4 {
	background-color: #fff;
	width: 66.66%;
	text-align: center;
	float: left;
}
#block4 h3 {
	font-size: 22px;
	margin: 17% 30px;
}
#block5 {
	background-image: url('../imgs/room2.jpg');
	background-size: 100% 100%;
}
#block6 {
	background-image: url('../imgs/door.jpg');
	background-size: 100% 100%;
}
#block7 {
	background-image: url('../imgs/writing.jpg');
	background-size: 100% 100%;
}
#block8 {
	background-color:#FFC374;
}

#blockTitle8 {
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	width: 33.33%;
	max-width: 400px;
}




/*////////////////////////     HOVERS    ///////////////////////*/



/*#block2:hover{
	background-image: url('../imgs/mo_cursos.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#block2:hover #blockTitle2{
	background-color: #80B7D7;
	opacity: 0.8;
}
#block8:hover{
	background-image: url('../imgs/faqAboutUs.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#block8:hover #blockTitle8{
	background-color: #FFC374;
	opacity: 0.8;
}*/

#block2:hover{
	background-color: #69b1d6;
}
#block2:hover #blockTitle2{
	background-color: #69b1d6;
}
#block8:hover{
	background-color:#ffcf90;
}
#block8:hover #blockTitle8{
	background-color:#ffcf90;
}

/*/////////////////////////////////////        MEDIA QUERIES      //////////////////////////*/

@media only screen and (max-width: 1100px) {

	h1 {
		margin: 20px 0 0 50px;
	}

}
@media only screen and (max-width: 1000px) {

	#block3 h3 {
		margin: 25% 30px;
	}
	#block4 h3 {
		margin: 15% 30px;
	}

}
@media only screen and (max-width: 900px) {

	#aboutTitle {
		margin: 65px 0 0 0;
	}
	#blockSlide h1 {
		margin: 5px 0 0 10px;
		font-size: 28px;
	}
	#blockSlide h2 {
		font-size: 20px;
		margin: 5px 0 0 0;
	}

}




/*/////////////////////     MOBILE    ////////////////////////*/

@media only screen and (max-width: 800px) {


	
	h1 {
		margin: 30px 0 0 50px;
	}


	#aboutTitle h1 {
		font-size: 28px;
		margin: 30px 5% 0 2.5%;
	}
	#aboutTitle p {
		font-size: 20px;
		margin: 20px 2% 30px 5%;
	}
	#block1 {
		width: 50%;
	}
	#block2 {
		width: 50%;
	}
	#blockTitle2 {
		width: 50%;
	}
	#block3 {
		width: 100%;
		border-bottom: 1px solid #333;
	}
	#block3 h3 {
		font-size: 22px;
		margin: 20% 5%;
	}
	#block4 {
		width: 100%;
	}
	#block4 h3 {
		font-size: 22px;
		margin: 10% 5%;
	}
	#block5 {
		width: 50%;
	}
	#block6 {
		width: 50%;
	}
	#block7 {
		width: 50%;
	}
	#block8 {
		width: 50%;
	}

	#blockTitle8 {
		width: 50%;
	}

}

@media only screen and (max-width: 700px) {

	h1 {
		margin: 20px 0 0 15%;
	}
	#block3 h3 {
		margin: 20% 30px;
	}
	#block4 h3 {
		font-size: 22px;
		margin: 17% 30px;
	}

}

@media only screen and (max-width: 600px) {

	h1 {
		margin: 15px 0 0 15%;
	}
	#aboutTitle p {
		font-size: 20px;
	}
	#block3 h3 {
		font-size: 20px;
		margin: 18% 30px;
	}
	#block4 h3 {
		font-size: 20px;
		margin: 10% 30px;
	}
	
}

@media only screen and (max-width: 500px) {

	h1 {
		margin: 12px 0 0 15%;
		font-size: 28px;
	}

	#block3 h3 {
		margin: 17% 4%;
		font-size: 18px;
	}
	#block4 h3 {
		margin: 8% 4%;
		font-size: 18px;
	}

}
@media only screen and (max-width: 400px) {

	h1 {
		margin: 8px 0 0 15%;
		font-size: 24px;
	}


	#aboutTitle p {
		font-size: 18px;
	}
	#block3 h3 {
		margin: 17% 4%;
		font-size: 16px;
	}
	#block4 h3 {
		margin: 7% 4%;
		font-size: 16px;
	}

}


@media only screen and (max-width: 350px) {

	h1 {
		margin: 6px 0 0 10%;
	}


	#aboutTitle p {
		font-size: 16px;
	}
	#block3 h3 {
		margin: 20% 2%;
	}
	#block4 h3 {
		margin: 5% 2%;
	}

}