@charset "UTF-8";

@font-face{
	font-family: 'Roboto', sans-serif;
	
}

h1 {
	font-family: roboto;
	text-align: center;
	color: #D2232D;
	letter-spacing: 1px;
	font-size: 2.2vw;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
}

#landingFrame {
	width: 100%;
	height: 100%;
	display:table;
	background-color: none;
}

#landingContentFrame {
    background: none;
	height:100%;
    display:table-cell;
    vertical-align:bottom;
    text-align:center;
}

#landingFrame2 {
	width: 100%;
	height: 100%;
	display:table;
	background-color: none;
}

#landingContentFrame2 {
    
	height:100%;
    display:table-cell;
    vertical-align:bottom;
    text-align:center;
}

#landingLogo {
    float: right;
	margin-left: auto;
	margin-right: 20px;
	bottom: 10px;
    width: 10%;
	height: auto;
}

#landingImage{
	display: block;
    width: 100%;
    height:auto;
}

.parallax0 {

  min-height: 100%;
}
.parallax1 {
  background: url(../images/nosotros.jpg);
  min-height: 100%;

}
.parallax2 {
  background: url(../images/mision.jpg);
  min-height: 100%;
}
.parallax3 {
  background: url(../images/valores.jpg);
  min-height: 100%;
}
.parallax4 {
  background: url(../images/valores.jpg);
  min-height: 100%;
}

.parallax5 {
  background: url(../images/campana-integral.jpg);
  min-height: 100%;
}
.parallax6 {
  background: url(../images/opinion.jpg);
  min-height: 100%;
}
.parallax7 {
  background: url(../images/diseno.jpg);
  min-height: 100%;
}
.parallax8 {
  background: url(../images/auditoria.jpg);
  min-height: 100%;
}

.parallax9 {
  background: url(../images/fotografia.jpg);
  min-height: 100%;
}

.parallax10 {
  background: url(../images/audiovisual.jpg);
  min-height: 100%;
}

.parallax11 {
  background: url(../images/comunicacion.jpg);
  min-height: 100%;
}

.parallax12 {
  background: url(../images/informe.jpg);
  min-height: 100%;
}

.parallax13 {
  background: url(../images/marketing.jpg);
  min-height: 100%;
}

.parallax14 {
  background: url(../images/capacitacion.jpg);
  min-height: 100%;
}


.parallax0, .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax9, .parallax10, .parallax11, .parallax12, .parallax13, .parallax14 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/* Smarthphones breakpoint 1*/
@media screen and (max-width: 500px) { 
	#landingLogo{
		
		display:none;
	}

	#landingContentFrame {
    	vertical-align:top;
	}
	
	h1{ 
		font-size:24px;
		line-height: 200%;
	}
}

/* Smarthphones breakpoint 2*/
@media screen and (max-width: 1000px) { 
  	
#landingFrame {
	width: 100%;
	height: 300px;
	display:table;
	background-color: none;
}

   .parallax0, .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax9, .parallax10, .parallax11, .parallax12, .parallax13, .parallax14 {

       width:100%;
  min-height: 400px;
  background-attachment: none;
 }
 
 video {
   top: 190px; 
  vertical-align:top;  
  width: 100%;   
  min-height: auto;
 }
	
}


/* Smarthphones breakpoint 2*/
@media screen and (max-width: 1200px) { 
  	
#landingFrame {
	width: 100%;
	height: 300px;
	display:table;
	background-color: none;
}
    
    
   .parallax0, .parallax1, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8, .parallax9, .parallax10, .parallax11, .parallax12, .parallax13, .parallax14 {

  width: 100%;     
  min-height: 400px;
  background-attachment: local;
 }
 
 video {
   top: 190px; 
  vertical-align:top;  
  width: 100%;   
  min-height: auto;
 }
}