@font-face {
    font-family: 'fitz';
    src: url('archivos/fuentes/fitzgerald-webfont.woff2') format('woff2'),
         url('archivos/fuentes/fitzgerald-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{

	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	
	background-color: white;
}


header{
	background: url("archivos/inicio_chido_like.png") no-repeat fixed;
	background-size: 100%;
	display: inline-block;
	width: 100%;
}

header img{
	display: inline-block;
	margin: 5% 0 5% 35%;
	width: 30%;
}


h1#nuestrosjales{background-color: black; display: block; color:#ffffff; font-family: "Raleway", sans-serif; font-size:3em; margin: 0; padding: .5em 0; font-weight: 900; text-align: center;}



 #quehacemos{		
	background: url("archivos/que_hacemos_chido.png") no-repeat;
	background-size: 100%;
	padding-top: 4em;
	display: inline-block;
	text-align: center;
	width: 100%;
}

 #quehacemos article{	
	display: inline-block;
	text-align: justify;
	  width:60%;
}

 #quehacemos article h1,  #redessociales article h1,  #publicitarias article h1, #fotograficas article h1, #eventos article h1,  #disenoweb article h1,  #otrascosas article h1  {display: block; color:white; font-family: "Raleway", sans-serif; font-size:3em; margin: 0; margin-bottom:1em;  
  font-weight: 900; text-align: left;   text-shadow: 2px 2px 8px #000000;}
 #quehacemos article p{display: inline-block; color:white;font-family: "Raleway", sans-serif; font-size:1.2em; margin-top:1em;  margin-bottom:1.5em;   font-weight: 800;  }
 #quehacemos article p.bienpuestos{font-size:3.5em; text-align: center;}
 



 #redessociales, #portafolio{	
	background: url("archivos/redes_sociales_chidolike.png") no-repeat ;
	background-color:#ff9100 ;
	background-size: 100%;
	display: inline-block;
		padding-top: 4em;
	text-align: center;
	width: 100%;
}


 #redessociales article, #portafolio article {	
	display: inline-block;
	text-align: center;
	  width:60%;
}


#portafolio article.masjales {display: inline-block;width: 100%;}
#portafolio article.masjales{background-color:#ff9100;}
.masjales ul{display: inline-block; margin-left:10%; padding: 0; list-style-type: none; }
.masjales ul li{color:white; display: inline-block; font-family: 'fitz'; font-size: 1.7em; margin-bottom: .5em; margin-right: .8em; width: 30%; vertical-align: top;}



 #redessociales article.pola1,   #publicitarias article.pola1,   #fotograficas article.pola1,  #eventos article.pola1, #disenoweb article.pola1, #portafolio article.pola1, 
 #portafolio article.pola2, #otrascosas article.pola1  { display:inline-block; margin-left: 2em; margin-bottom: 1em;  width: 25%}
 #redessociales article.pola1 img,  #publicitarias article.pola1 img,  #fotograficas article.pola1 img, #eventos article.pola1 img, #disenoweb article.pola1 img, 
 #portafolio article.pola1 img, #portafolio article.pola2 img{ border-radius: 10%;   width: 100%}
 #redessociales  article.pola1 div,  #publicitarias  article.pola1 div, #fotograficas  article.pola1 div, #eventos  article.pola1 div, #disenoweb  article.pola1 div, #otrascosas  article.pola1 div{ margin: 0; text-align: center; width: 100%}
 #redessociales  article.pola1 div p,  #publicitarias  article.pola1 div p, #fotograficas  article.pola1 div p, #eventos  article.pola1 div p, #disenoweb  article.pola1 div p,
  #portafolio article.pola1 div p, #portafolio article.pola2 div p, #otrascosas article.pola1 div p {font-family: "Raleway", sans-serif; font-size:1.2em; color: white; margin: 0;  text-shadow: 2px 2px 8px #000000;}

#redessociales article div p a, #publicitarias article div p a, #fotograficas article div p a, #portafolio article div p a{ font-family: "Raleway", sans-serif; text-decoration:none; color: white;}



.conocemas{display: inline-block;  color:White;	font-family: "Raleway", sans-serif; font-size:1.5em; text-decoration: none;   font-weight: 900; margin: 1.5em 0; text-align: center;}
.conocemas img{display: inline-block; width: 7%;}





 #publicitarias{	
		background: url("archivos/publicitarias_chidolike.png") no-repeat ;
		background-color: #ffff00;
	background-size: 100%;
	display: inline-block;
	text-align: center;
	width: 100%;
}


 #publicitarias article{
	display: inline-block;
		margin-top:2em;
	text-align: center;
	  width:60%;
}


 #fotograficas{	
	background: url("archivos/sesiones_fotos_chido.png") no-repeat;
	background-color: #028612;
	background-size: 100%;
		text-align: center;
	display: inline-block;
	width: 100%;
}


#fotograficas article{
	display: inline-block;
		margin-top:2em;
		margin-bottom: 2em;
	text-align: center;
	  width:60%;
}


 #eventos{	
	background: url("archivos/gestion_eventos_chido.png") no-repeat;
	background-size: 100%;
	display: inline-block;
	text-align: center;
	width: 100%;
}


 #eventos article{	
	display: inline-block;
			margin-top:2em;
				margin-bottom: 3em;
	text-align: center;
	  width:60%;
}




 #disenoweb{	
	background: url("archivos/diseno_web_chido.png") no-repeat;
	background-size: 100%;
	display: inline-block;
	text-align: center;
	width: 100%;
}


 #disenoweb article{	
	display: inline-block;
			margin-top:2em;
			margin-bottom: 3em;
	text-align: center;
	  width:60%;
}



#otrascosas{	
	background: url("archivos/cosas_chido.png") no-repeat;
	background-size: 100%;
	display: inline-block;
	text-align: center;
	width: 100%;
}


 #otrascosas article{	
	display: inline-block;
			margin-top:2em;
			margin-bottom: 3em;
	text-align: center;
	  width:60%;
}

#otrascosas article.pola1 img { border-radius: 10%;   width: 50%}


 #contacto{	
	background: url("archivos/contacto_chido.png") no-repeat;
background-size: 100%;
	display: inline-block;
	text-align: center;
	width: 100%;
}

 #contacto article{	
	display: inline-block;
			margin-top:3em;
			margin-bottom: 3em;
	text-align: center;
	  width:60%;
}


#contacto article h1{display: block; color:white; font-family: "Raleway", sans-serif; font-size:3em; margin: 0; margin-bottom:1em;  font-weight: 900; text-align: left;}



#contacto ul{display: inline-block;  list-style-type: none; margin-left:30%; }
#contacto ul li{margin-bottom:1.5em; }
#contacto ul li img{display: inline-block; width: 20%;}
#contacto ul li p{color:white; font-family: "Raleway", sans-serif; font-size:1.5em;margin:0; }





/*Responsive Grande*/


@media (min-width: 1400px) and (max-width: 2400px) {}


@media (min-width:1125px) and (max-width: 1380px) {
}


@media (min-width:982px) and (max-width: 1119px) {



}




@media (min-width: 700px) and (max-width: 979px) {

}




@media (max-width: 698px) {

 #quehacemos{background: url("archivos/que_hacemos_chido_like.png") no-repeat;}
 #redessociales, #portafolio{	background: url("archivos/redes_sociales_chido_like.png") no-repeat ; 	background-color:#ff9100 ;}
 #publicitarias{background: url("archivos/publicitarias_chido_like.png") no-repeat ; background-color: #ffff00; }

 #fotograficas{	background: url("archivos/sesiones_fotos_chido_like.png") no-repeat;}
 #disenoweb{background: url("archivos/diseno_web_chido_like.png") no-repeat;}
 #eventos{background: url("archivos/gestion_eventos_chido_like.png") no-repeat;}
 #contacto{	background: url("archivos/contacto_chido_like.png") no-repeat;}
 #otrascosas{background: url("archivos/cosas_chido_like.png") no-repeat;}


 #quehacemos article, #redessociales article, #portafolio article, #publicitarias article, #fotograficas article, #disenoweb article, #eventos article, #contacto article {width:80%;}

 #quehacemos article h1,  #redessociales article h1,  #publicitarias article h1, #fotograficas article h1, #eventos article h1,  #disenoweb article h1  { font-size:2em; width:100%;  }
 #quehacemos article p{display: inline-block; color:white;font-family: "Raleway", sans-serif; font-size:1.2em; margin-top:1em;  margin-bottom:1.5em;   font-weight: 800;  }
 #quehacemos article p.bienpuestos{font-size:2em; width: 100%;}
 

 #redessociales article.pola1,   #publicitarias article.pola1,   #fotograficas article.pola1,  #eventos article.pola1, #disenoweb article.pola1, #portafolio article.pola1, 
 #portafolio article.pola2,  #otrascosas article.pola1  {margin-left: 0em;   width: 100%}


#contacto ul{margin-left:0%; width:60%;}


}


@media (max-width: 480px) {


}


@media (max-width: 320px) {



}