html, body {background-color:#26292e;}
.tituloindividual {font-family: 'Questrial', sans-serif;}
#titulos {padding-top:5%; padding-bottom:5%; text-align:center;}
.subtitulo { margin-top:-3%; font-size:1em; font-weight:300;}




#profilepicture{ }
#fotos {margin:0 auto; padding-top:1%; padding-bottom:2%; background-image:url(img/bg.jpg); background-size:cover;}
	
	
.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain; /* you change this to "contain" if you don't want the images to be cropped */
	
	-webkit-box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);

-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img_1-1{background-image:url(../_include/img/boxes/bio.jpg);}
.img_1-2{background-image:url(../_include/img/boxes/galeria.jpg);}
.img_1-3{background-image:url(../_include/img/boxes/videos.jpg);}
/* HOVER*/
.img_1-1:hover{background-image:url(../_include/img/boxes/bio_.jpg);}
.img_1-2:hover{background-image:url(../_include/img/boxes/galeria_.jpg);}
.img_1-3:hover{background-image:url(../_include/img/boxes/videos_.jpg);}

.img_2-1{background-image:url(../_include/img/boxes/medios.jpg);}
.img_2-2{background-image:url(../_include/img/boxes/marcas.jpg);}
.img_2-3{background-image:url(../_include/img/boxes/eventos.jpg);}
/* HOVER*/
.img_2-1:hover{background-image:url(../_include/img/boxes/medios_.jpg);}
.img_2-2:hover{background-image:url(../_include/img/boxes/marcas_.jpg);}
.img_2-3:hover{background-image:url(../_include/img/boxes/eventos_.jpg);}

.img_3-1{background-image:url(../_include/img/social/facebook_.jpg);}
.img_3-2{background-image:url(../_include/img/social/twitter_.jpg);}
.img_3-3{background-image:url(../_include/img/social/instagram_.jpg);}

/* HOVER*/
.img_3-1:hover{background-image:url(../_include/img/social/facebook.jpg);}
.img_3-2:hover{background-image:url(../_include/img/social/twitter.jpg);}
.img_3-3:hover{background-image:url(../_include/img/social/instagram.jpg);}


#redes {text-align:center;}
#redes h1 {font-size:1.5em; line-height:50px;}

#quotewrap {padding-top:5%; padding-bottom:5%;}
.quote { text-align:right; font-size:1.5em; font-family:'Titillium Web'}
.author { text-align:right; font-size:1.2em;}