/* For mobile:like samsung grand(480 * 800): */
@media screen and (min-width:320px) and (max-width:480px) {
	.responsive-text{
		text-align: center;
	}
	.mainContainer {
        background: url('../img/imagen1.png') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0;
        height: 300px;
        width: 100%;
    }
    .space-block{
        margin: 211px auto 80px;
    }
    .get-started-btn {
        background-color: #80E235;
        padding: 11px 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 12px;
        letter-spacing: 1px;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        display: inline-block;
    }
	.description-container h1 {
		font-size: 46px;
		font-weight: 100;
		color: #fff;
		margin: 100px 0 20px 0;
	}
	.description-container {
		background: #4c8c8f url(../img/imagen2.png) no-repeat;
		background-size: 80%;
		border: 126px;
		background-position: 50px 89%;
	}
	.container-sector2 {
		margin-right: auto;
		padding-left: 60px;
		padding-right: 15px;
		width: 100%;
	}
	.download-btn {
		border: solid 3px #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 17px;
		letter-spacing: 2px;
		transition: all 0.5s ease;
		padding: 11px 45px;
		display: inline-block;
		color: #fff;
		margin-bottom: 39px;
		margin-left: 8%;
		margin-top: 80%;
	}
	.school-description-container {
		background: url(../img/colegio.png) no-repeat;
		background-size: 66%;
		background-position: 50% 50%;
		color: #7a8387;
	}
	.title2 {
		font-size: 25px !important;
		padding: 0 25px 0 25px;
	}
	.school-description-container-body{
		padding: 0 25px 0 25px;
	}

	.school-description-container-size{
		width: auto;
		height: 1550px;
	}
	.thumbnail-content{
		padding: 15px;
	}
	.slides-1{
		display: none;
	}
	.slides-3{
		display: block;
	}
}
/* For iphone: */
@media screen and (max-width:320px) {
	.mainContainer {
        background: url('../img/imagen1.png') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0;
        height: 300px;
        width: 100%;
    }
    .space-block{
        margin: 211px auto 80px;
    }
    .get-started-btn {
        background-color: #80E235;
        padding: 11px 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 12px;
        letter-spacing: 1px;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        display: inline-block;
    }
	.description-container h1 {
		font-size: 46px;
		font-weight: 100;
		color: #fff;
		margin: 100px 0 20px 0;
	}
	.description-container {
		background: #4c8c8f url(../img/imagen2.png) no-repeat;
		background-size: 80%;
		border: 126px;
		background-position: 50px 89%;
	}
	.container-sector2 {
		margin-right: auto;
		padding-left: 60px;
		padding-right: 15px;
		width: 100%;
	}
	.download-btn {
		border: solid 3px #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 17px;
		letter-spacing: 2px;
		transition: all 0.5s ease;
		padding: 11px 45px;
		display: inline-block;
		color: #fff;
		margin-bottom: 39px;
		margin-left: 24%;
		margin-top: 80%;
	}
	.school-description-container {
		background: url(../img/colegio.png) no-repeat;
		background-size: 72%;
		background-position: 50% 1150px;
		color: #7a8387;
	}
	.title2 {
		font-size: 25px !important;
		padding: 0 25px 0 25px;
	}
	.school-description-container-body{
		padding: 0 25px 0 25px;
	}

	.school-description-container-size{
		width: auto;
		height: 1430px;
	}
	.thumbnail-content{
		padding: 5px;
	}
	.slides-1{
		display: none;
	}
	.slides-3{
		display: block;
	}
}
/* For ipad: */
@media screen and (min-width:480px) and (max-width:760px) {
	.mainContainer {
        background: url('../img/imagen1.png') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0;
        height: 300px;
        width: 100%;
    }
	
    .space-block{
        margin: 211px auto 80px;
    }
    .get-started-btn {
        background-color: #80E235;
        padding: 11px 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 12px;
        letter-spacing: 1px;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        display: inline-block;
    }
	.description-container h1 {
		font-size: 46px;
		font-weight: 100;
		color: #fff;
		margin: 100px 0 20px 0;
	}
	.description-container {
		background: #4c8c8f url(../img/imagen2.png) no-repeat;
		background-size: 80%;
		border: 126px;
		background-position: 50% 83%;
	}
	.container-sector2 {
		margin-right: auto;
		padding-left: 60px;
		padding-right: 15px;
		width: 100%;
	}
	.download-btn {
		border: solid 3px #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 17px;
		letter-spacing: 2px;
		transition: all 0.5s ease;
		padding: 11px 45px;
		display: inline-block;
		color: #fff;
		margin-bottom: 39px;
		margin-left: 24%;
		margin-top: 80%;
	}
	.school-description-container {
		background: url(../img/colegio.png) no-repeat;
		background-size: 72%;
		background-position: 50%  46%;
		color: #7a8387;
	}
	.title2 {
		font-size: 25px !important;
		padding: 0 25px 0 25px;
	}
	.school-description-container-body{
		padding: 0 25px 0 25px;
	}

	.school-description-container-size{
		width: auto;
		height: 1500px;
	}
	.thumbnail-content {
		padding: 15px;
	}
	.slides-1{
		display: none;
	}
	.slides-3{
		display: block;
	}
	
}
@media screen and (min-width:760px) and (max-width:991px) {
	.mainContainer {
        background: url('../img/imagen1.png') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 20px 0;
        height: 500px;
        width: 100%;
    }
    .space-block{
        margin: 374px auto 80px;
    }
    .get-started-btn {
        background-color: #80E235;
        padding: 11px 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 12px;
        letter-spacing: 1px;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        display: inline-block;
    }
	.description-container h1 {
		font-size: 36px;
		font-weight: 100;
		color: #fff;
		margin: 100px 0 20px 0;
	}
	.description-container {
		background: #4c8c8f url(../img/imagen2.png) no-repeat;
		background-size: 80%;
		border: 126px;
		background-position: 50% 76%;
	}
	.container-sector2 {
		margin-right: auto;
		padding-left: 60px;
		padding-right: 15px;
		width: 100%;
	}
	.download-btn {
		border: solid 3px #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 15px;
		letter-spacing: 2px;
		transition: all 0.5s ease;
		padding: 11px 45px;
		display: inline-block;
		color: #fff;
		margin-bottom: 39px;
		margin-left: 24%;
		margin-top: 80%;
	}
	.school-description-container {
		background: url(../img/colegio.png) no-repeat;
		background-size: 68%;
		background-position: 50% 44%;
		color: #7a8387;
	}
	.title2 {
		font-size: 25px !important;
		padding: 0 25px 0 25px;
	}
	.school-description-container-body{
		padding: 0 25px 0 25px;
	}

	.school-description-container-size{
		width: auto;
		height: 1496px;
	}
	.thumbnail-content{
		padding: 15px;
	}
	.register-footer{
		bottom: -86px;
		position: relative;
	}
	.slides-1{
		display: none;
	}
	.slides-3{
		display: block;
	}
	.download-now { background: #e8b968; background-image: none; }
	.features-leftcol { border: none; padding: 0 0 0 20px; }
	.features-rightcol { padding: 0 0 0 20px; }
	.margin-bottom { margin-bottom: 0; }
	.features p { margin-bottom: 50px; }
}