/*
	Theme Name: Somos33 Portfolio WordPress Child Theme
	Theme URI: http://www.somos33.com
	Author: qodepixel
	Author URI: http://www.grupoenfoca.com/
	Description: Somos33 is a multi-purpose WordPress theme for creating landing page, creative agency, business company, portfolio and many others. You can customize it very easy to fit your business needs. 
	Version: 1.0
	License: GNU General Public License
	License URI: license.txt
	Text Domain: somos33-child
	Template: somos33
*/

@import url("../somos33/style.css");

/* = Theme customization starts here
-------------------------------------------------------------- */


.mobile-iphone {
    text-align: center;
    margin-top: 200px;
}

.right:hover .slide-sub-title {
    display: block;
	//color: #d33636;
    text-shadow: 1px 5px 18px rgba(0, 0, 0, 0.5);
}

.left:hover .slide-sub-title {
    display: block;
	//color: #d33636;
    text-shadow: 1px 5px 18px rgba(0, 0, 0, 0.5);
}

.brag-about-img {
    position: relative;
    top: 0px;
    right: 30px;
}

.brag-about-img img {
    width: 100%;
    top: 0px;
    margin-top: 10px;
}


/* apaño RRSS */
/* en realidad, youtube */
.icon-social-vimoe a {
    background-color: #e52d27;
}
/* en realidad, instagram */
.icon-social-pinterest a{
	background-color: #9b6954;
}

.social-main a {
    width: 16.666%;
}



/* Para ocultar el claim de deslizar hacia abajo */
.goto-next {
	display: none;
}

/* para meter los logos de calidad */
.logos-camisetas {
    bottom: 10px;
    width: 527px;
    text-transform: uppercase;
    position: absolute;
    z-index: 999;
    display: block;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
}


/* arreglo para que en la sección cosido aparezca todo el texto */ 

.shape-content p {
    font-size: 18px;
    line-height: 30px;
    height: 220px;
    overflow: hidden;
}

@media (max-width: 540px) {

	.brag-content {
	    margin-right: 0px;
	}

	.brag-content h1 {
	    font-size: 46px;
	    margin-top: -80px;
	}


	.logos-camisetas {
	    bottom: 10px;
	    width: 264px;
	    text-transform: uppercase;
	    position: absolute;
	    z-index: 999;
	    display: block;
	    margin: 0 auto;
	    text-align: center;
	    left: 0;
	    right: 0;
	    font-size: 18px;
	    color: #fff;
	}

}

@media (max-height: 640px) {


	.logos-camisetas {
	    bottom: 10px;
	    width: 264px;
	    text-transform: uppercase;
	    position: absolute;
	    z-index: 999;
	    display: block;
	    margin: 0 auto;
	    text-align: center;
	    left: 0;
	    right: 0;
	    font-size: 18px;
	    color: #fff;
	}

}

@media (max-height: 520px) {

	.logos-camisetas {
	    display: none;

}