/* ------------------------*/
@media only screen and (max-width: 768px){

	.preguntas{bottom: 20vh;position: relative;}
	
	.preguntasTop {
    top: 35px;
    transform: translateY(-30%);
    position: relative;
}
	
	
		/* slide 1 ------------------------*/
	div.preguntas h2 { font-size: 1.8em;}
	div#section1{ padding: 0px 20px;}
div#slide1_pregunta_2.h3.white.text-shadow-dark { font-size: 1.3em;}
	
	
	.h3, h3 { font-size: 1.3rem;}
	
	div#slide1_img1.ImgFullBg, div#slide1_img2.ImgFullBg, div#slide1_img3.ImgFullBg, div#slide1_img4.ImgFullBg {

    background-size: 100%;

    background-position: center center;
}
	
	.h1 {font-size: 2rem;}
	div#slide2_pregunta_1.preguntasTop h2 {font-size: 1.5rem;}
	
	div.card-deck{ padding-top: 40px}
	.card {float:left; width: 45%; margin-right: 10px}
	h3.card-title { font-size: 1rem;}
	
	.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .3rem; text-align: center
}

		/* slide 3 video ------------------------*/
	
	.Videotextlayer-bottomRight {
    position: absolute;
    z-index: 4;
    width: 80%;
    left: 5%;
    bottom: 5%;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
	
	h1.Videotextlayer-bottomRight{
		font-size: 1.5rem; text-align: center}
	
	
			/* slide 4 ------------------------*/
	
	.preguntasMiddle {
    top: 0vh;
    transform: translateY(5%);
    position: relative;
}
	
		/* slide 5 ------------------------*/
	
	h1 {
    font-size: 2em;
    color: #fff;
    margin: 0;
    padding: 0;
}
.h2 {font-size: 1.5rem;}
	
	form#message-form{margin-top: 40px}

	
	/* End responsive 768 ------------------------*/
	
	}