html, *{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
h1 {
  padding-left:2rem;
  padding-right:2rem;
  font-size: 2rem;
}
h2{
	padding-bottom: 10px;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 900;
	font-size: 30pt;
}
h3{
	font-family: 'Ek Mukta', sans-serif;
	font-weight: 200;
	font-size: 14pt;
}
body{
	background: #585858;
}
article {
    margin: 0px;
    border: 0px;
    padding: 0px;
}
#contenedor{
	background: #585858;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
header{
	position: fixed;
	/*background: #000000;*/
	width: 100%;
	height: 100px;
	z-index: 999999999;
}
header h1 {
	display:none;
}
.svg-berenjena img{
        color: #fff100;
    }
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#bk_color{
	position:absolute;
	background:#000000;
	width:100%;
	height:70px;
	opacity:0.6;
	z-index:0;
}
nav{
		
}
#porfolio_contenedor{
	background: #585858;
	padding-top: 50px;
	padding-bottom: 0px;
	width: 100%;
	text-align: center;
	background-image: url("../imagenes/background.jpg");
	background-position: center;
	background-size: 100w;
	overflow: hidden;
}	
.contacto{
	/*background: #f34;*/
    padding: 0px;
	width: 100%	;
	height: 700px;
	overflow: hidden;
}
#porfolio_contenedor #cuadro_profolio{
	float: left;
	background-color: #585858;
	/*display:inline;*/
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 25%;
	height: 25%;
	overflow: hidden;
}
#porfolio_contenedor #cuadro_profolio:hover{
	cursor: pointer;
}
@keyframes resize {
  0% {
    transform: scale(0.9);
  }
  100% {
   	transform: scale(1); 
  }
}
#logo_bigger_berenjena{
	position:relative;
	margin: 0 auto 0 auto;
	text-align:center;
	overflow:hidden;
	margin-top: 300px
}
.bg1 {
    background: url(../imagenes/graffiti.jpg);
    /*background-repeat: repeat-x;*/
	/*background-position: center;*/
	margin: 0px;
	padding: 0px;
    overflow: hidden;
    /*background-size: 100w;*/
}
.svg-berenjena{
	float:left;
	text-align: center;
	height:70px;
}
#contenedor_general_berenjena{
        position: relative;
        background-color: red;
        width: 100%;
        border: 0px;
        padding: 0px;
        margin: 0px;
        line-height:0px;
}
#contenedor_proyectos{
    position: relative;
    background-color: yellow;
	border: 0px;
    padding: 0px;
    margin: 0px;
	width: 100%;
    line-height:0px;
}
.estilo_producto{
    position:relative;
    float: left;
    display: inline-block;
    border:0px;
    padding:0px;
    margin:0px;
    background-color:#585858;
    width:25%;
    overflow:hidden;
}
    .estilo_producto img{
        border: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        cursor: pointer;
    }
    @keyframes resize {
        0% {
            transform: scale(0.9);
            }
        50%{
            transform: scale(1.05);
            }
        100% {
            transform: scale(1);
            }
        }
    .blackout_estilo{
        /*display: none;*/
        position: absolute;
        /*cursor: pointer;*/
        top: 0px;
        left: 0px;
        border:0px;
        padding: 0px;
        background-color: #000000;
        opacity: 0.8;
        width: 100%;
        height: 100%;
        margin-top: auto;
        margin-bottom: auto;
    }
    .div_texto_categoria{
        position: relative;
        text-align: center;
        vertical-align: middle;
        border: 0;
        padding: 0;
        top: 45%;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 20pt;
        line-height:15pt;
        color: #ffffff;
    }
    
    @media screen and (max-width: 980px) {
        .estilo_producto {
            width: 33.3%;
        }
        a {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 15pt; 
        }
    }
    @media screen and (max-width: 650px) {
        .estilo_producto {
            width: 50%;
        }
        a {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 12pt; 
        }
    }
    @media screen and (max-width: 480px) {
        .estilo_producto {
            width: 100%;
        }
        a {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 12pt; 
        }
    }
    #blackout_0{display: none; cursor: pointer;}
    #blackout_1{display: none; cursor: pointer;}
    #blackout_2{display: none; cursor: pointer;}
    #blackout_3{display: none; cursor: pointer;}
    #blackout_4{display: none; cursor: pointer;}
    #blackout_5{display: none; cursor: pointer;}
    #blackout_6{display: none; cursor: pointer;}
    #blackout_7{display: none; cursor: pointer;}
    #blackout_8{display: none; cursor: pointer;}
    #blackout_9{display: none; cursor: pointer;}
    #blackout_10{display: none; cursor: pointer;}
    #blackout_11{display: none; cursor: pointer;}
    #blackout_12{display: none; cursor: pointer;}
    #blackout_13{display: none; cursor: pointer;}
    }
    .svg-berenjena img{
        color: #fff100;
    }