@media screen and (max-width: 1400px) {
	.main-menu .navbar-nav > li > a {
	    font-size: 1.6rem;
	}
	#contacto form input, #contacto form textarea {
	    font-size: calc(100vw * 16 / 1400) !important;
	}
	#contacto form .btn-enviar {
   		font-size: calc(100vw * 20 / 1400) !important;
	}
}




@media screen and (max-width: 1024px) {
	/* ------ TXT ------ */
	p.txt-small {
	  font-size: calc(100vw * 14 / 1024) !important;
	}
	p {
	  font-size: calc(100vw * 16 / 1024) !important;
	}
	h3 {
	  font-size: calc(100vw * 22 / 1024) !important;
	}
	h2 {
	  font-size: calc(100vw * 32 / 1024) !important;
	}
	h1 {
	  font-size: calc(100vw * 38 / 1024) !important;
	}
	#contacto form input, #contacto form textarea {
	    font-size: calc(100vw * 16 / 1024) !important;
	}
	#contacto form .btn-enviar {
   		font-size: calc(100vw * 20 / 1024) !important;
	}

	#servicios .txt-area {
	    padding: calc(100vw * 30 / 1024) calc(100vw * 20 / 1024);
	}
	#servicios .txt-area h3 {
	    margin-bottom: calc(100vw * 40 / 1024);
	}
	#servicios .txt-area h3:after {
	    width: calc(100vw * 100 / 1024);
	    height: calc(100vw * 4 / 1024);
	    bottom: calc(100vw * -16 / 1024);
	}


	/* ------ NUESTROS TRABAJOS ------ */
	#trabajos h1 {
	  margin-bottom: calc(100vw * 60 / 1024);
	}
	#trabajos h1:after {
	  width: calc(100vw * 180 / 1024);
	  height: calc(100vw * 6 / 1024);
	  bottom: calc(100vw * -20 / 1024);
	}
	#trabajos .imagen {
	  margin-bottom: calc(100vw * 40 / 1024);
	}
	#trabajos .imagen a {
	  padding: calc(100vw * 20 / 1024);
	}
	#trabajos .imagen h3 {
	  margin-top: calc(100vw * 30 / 1024);
	  margin-bottom: calc(100vw * 30 / 1024);
	}

}

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

	/* ------ TXT ------ */
	p.txt-small {
	  font-size: calc(100vw * 14 / 767) !important;
	}
	p {
	  font-size: calc(100vw * 16 / 767) !important;
	}
	h3 {
	  font-size: calc(100vw * 22 / 767) !important;
	}
	h2 {
	  font-size: calc(100vw * 32 / 767) !important;
	}
	h1 {
	  font-size: calc(100vw * 38 / 767) !important;
	}
	#contacto form input, #contacto form textarea {
	    font-size: calc(100vw * 16 / 767) !important;
	}
	#contacto form .btn-enviar {
   		font-size: calc(100vw * 20 / 767) !important;
	}



	header .logo {
	    width: 52px;
	    height: 36px;
	    margin-top: 8px;
	}


	#home .captions h1 {
		padding: calc(100vw * 32 / 767);
	}

	#nosotros {
	    padding-top: 80px;
	    padding-bottom: 0;
	}
	#nosotros .txt-area {
	    margin-top: 0;
	    margin-left: 40px;
	    margin-right: 40px;
	    padding: calc(100vw * 40 / 767) calc(100vw * 80 / 767) calc(100vw * 60 / 767) calc(100vw * 80 / 767);
	}
	#zafiro {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	#zafiro .logo {
	    width: 80px;
	    height: 56px;
	    margin: calc(100vw * 100 / 767) auto 0 auto;
	}
	#zafiro .logo:before {
	    top: calc(100vw * -40 / 767);
	    width: calc(100vw * 180 / 767);
	    height: calc(100vw * 3 / 767);
	}
	#zafiro h2 {
	    margin-bottom: calc(100vw * 40 / 767);
	}

	#servicios h1 {
	    margin-bottom: calc(100vw * 60 / 767);
	}
	#servicios h1:after {
	    /*width: calc(100vw * 180 / 767);
	    height: calc(100vw * 6 / 767);
	    bottom: calc(100vw * -20 / 767);*/
	}

	#contacto {
	    padding-top: 0;
	    padding-bottom: 40px;
	}
	#contacto .txt-area {
	    width: calc(100% - 80px);
	    margin-top: 0;
	    margin-left: 40px;
	    margin-right: 40px;
	    padding: calc(100vw * 40 / 767) calc(100vw * 80 / 767) calc(100vw * 60 / 767) calc(100vw * 80 / 767);
	}
	#nosotros .txt-area h1,
	#contacto .txt-area h1,
	#trabaja .txt-area h1 {
	    margin-bottom: calc(100vw * 60 / 767);
	}

	#trabaja {
	    padding-top: 50px;
	    padding-bottom: 0;
	}
	#trabaja .txt-area {
	    margin-top: 0;
	    margin-left: 40px;
	    margin-right: 40px;
	    padding: calc(100vw * 40 / 767) calc(100vw * 80 / 767) calc(100vw * 60 / 767) calc(100vw * 80 / 767);
	}
	#promociones h1, #galeria h1 {
	    margin-bottom: calc(100vw * 80 / 767);
	}

	footer {
		text-align: center;
	}
	footer .main-footer {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	footer .logo {
	    margin: 0 auto 40px auto;
	    width: calc(100vw * 100 / 767);
	    height: calc(100vw * 71 / 767);
	}
	footer .menu, footer .contactanos, footer .seguinos {
	    padding-left: 0;
	    border-left: none;
	    border-top: 1px solid #FFF;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	footer .menu ul li {
	    width: 50%;
	}
	footer .contactanos h3, footer .seguinos h3 {
	    margin-bottom: calc(100vw * 40 / 767);
	}
	footer .second-footer {
	    height: 30px;
	}

}



.desktop-720 {
	display: block !important;
}
.mobile-720 {
	display: none !important;
}
@media screen and (max-width: 720px) {
	.desktop-720 {
		display: none !important;
	}
	.mobile-720 {
		display: block !important;
	}

	#home .captions h1 {
		padding: calc(100vw * 64 / 720);
	    font-size: calc(100vw * 80 / 720) !important;
	}
	#home .captions h2 {
		line-height: 2.2;
	    font-size: calc(100vw * 64 / 720) !important;
	}
	#home .captions h3 {
	    font-size: calc(100vw * 50 / 720) !important;
	}

	.main-menu {
	    padding-left: 30px;
	    padding-right: 20px;
	}
}





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

}





@media screen and (max-width: 580px) {
	#galeria .imagen {
		width: 50%;
	}
	footer .logo {
	    width: calc(100vw * 100 / 580);
	    height: calc(100vw * 71 / 580);
	}
}

@media screen and (max-width: 480px) {
	.wrap {
	    padding: 0 20px;
	}

	#servicios article {
		width: 100%;
	}
	#servicios article .img-area img {
		width: 100%;
	}
	#servicios .txt-area {
	    padding: calc(100vw * 30 / 480) calc(100vw * 20 / 480);
	}
	#servicios .txt-area h3 {
	    margin-bottom: calc(100vw * 40 / 480);
	}
	#servicios .txt-area h3:after {
	    width: calc(100vw * 100 / 480);
	    height: calc(100vw * 4 / 480);
	    bottom: calc(100vw * -16 / 480);
	}



	/* ------ NUESTROS TRABAJOS ------ */
	#trabajos h1 {
	  margin-bottom: calc(100vw * 60 / 480);
	}
	#trabajos h1:after {
	  width: calc(100vw * 180 / 480);
	  height: calc(100vw * 6 / 480);
	  bottom: calc(100vw * -20 / 480);
	}
	#trabajos .imagen {
	  width: 100%;
	  margin-bottom: calc(100vw * 40 / 480);
	}
	#trabajos .imagen a {
	  padding: calc(100vw * 20 / 480);
	}
	#trabajos .imagen h3 {
	  margin-top: calc(100vw * 30 / 480);
	  margin-bottom: calc(100vw * 30 / 480);
	}



	/* ------ TXT ------ */
	p.txt-small {
	  font-size: calc(100vw * 14 / 480) !important;
	}
	p {
	  font-size: calc(100vw * 16 / 480) !important;
	}
	h3 {
	  font-size: calc(100vw * 22 / 480) !important;
	}
	h2 {
	  font-size: calc(100vw * 32 / 480) !important;
	}
	h1 {
	  font-size: calc(100vw * 38 / 480) !important;
	}
	#contacto form input, #contacto form textarea {
	    font-size: calc(100vw * 16 / 480) !important;
	}
	#contacto form .btn-enviar {
   		font-size: calc(100vw * 20 / 480) !important;
	}


	#nosotros {
	    padding-top: 60px;
	}
	#nosotros .txt-area {
	    margin-left: 20px;
	    margin-right: 20px;
	    padding: calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480);
	}
	#contacto .txt-area {
		width: calc(100% - 40px);
	    margin-left: 20px;
	    margin-right: 20px;
	    padding: calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480);
	}
	#trabaja .txt-area {
	    margin-left: 20px;
	    margin-right: 20px;
	    padding: calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480) calc(100vw * 40 / 480);
	}

}