@import url('http://fonts.cdnfonts.com/css/gill-sans-mt');
body{
	background-image:url("img/banner-bg.png");
	background-size:cover;
	margin:0px;
	height:100vh;
	padding-top:20px;
}
.home-row{
	max-width:1200px;
	width:100%;
	margin:0px auto;
	display: block;
}
.colegio {
    width: 350px;
    display: inline-flex;
    margin: 1em;
    height: 452px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 2px 18px #0000003d;
}
.colegio:first-child{
	background-image: url("img/cedros.jpg");
}
.colegio:nth-child(2n){
	background-image: url("img/kinder.jpg");
}
.colegio:last-child{
	background-image: url("img/paseo.jpg");
}
h2 {
    font-size: 33px;
    text-align: center;
    line-height: 1.33;
	font-weight: 400;
    color: #003768;
}
.logo-bar:first-child{
	max-width:116px;
	height: auto;
	display:block;
}
.logo-bar{
	max-width:94px;
	height: auto;
	display:block;
	float:left;
}
.footer-header{
	display:block;
	max-width: 70%;
	margin: 2% 7%;
	float:left;
}
@media (max-width: 1199px) {
  .home-row{
	max-width:1080px;
	width:100%;
	margin:0px auto;
	display: block;
}
}
@media (max-width: 1024px) {
  .home-row{
	max-width:980px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.colegio {
    width: 300px;
    height: 419px;
	margin: 0.6em;
}
	.footer-header {
    max-width: 61%;
}
}
@media (max-width: 980px) {
  .home-row{
	max-width:920px;
	width:100%;
	margin:0px auto;
	display: block;
}
}

@media (max-width: 768px) {
  .home-row{
	max-width:710px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.colegio {
    width: 214px;
    height: 303px;
    margin: 0.6em;
}
	h2 {
    font-size: 25px;
}
	.footer-header {
    max-width: 55%;
}
}

@media (max-width: 480px) {
  .home-row{
	max-width:420px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.colegio {
    margin: 0.6em 6em;
}
	.logo-bar {
    max-width: 94px;
    height: auto;
    display: block;
    clear: both; 
    margin: 0px 36%;
}
	.footer-header {
    max-width: 100%;
    margin: 38px auto;
}
}

@media (max-width: 420px) {
  .home-row{
	max-width:380px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.logo-bar {
    max-width: 94px;
    height: auto;
    display: block;
    clear: both; 
    margin: 0px 36%;
}
	.footer-header {
    max-width: 100%;
    margin: 38px auto;
}
}

@media (max-width: 380px) {
  .home-row{
	max-width:320px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.colegio {
    margin: 0.6em 3.8em;
}
}

@media (max-width: 320px) {
  .home-row{
	max-width:280px;
	width:100%;
	margin:0px auto;
	display: block;
}
	.colegio {
    margin: 0.6em 2.8em;
}
}