@charset "UTF-8";
/* CSS Document */

.servcs{
	background: #7BACC9;
    height: 8vh;
    color: white;
}

.contenedor{
	overflow: auto;
}

.contenedor div{
	height: 40vh;
}

.patr{
	width: 50%;
	padding: 8%;
	height: 45vh;
    background-image: url(../images/patrimonial.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;
    float: left;
    }


.text{
	width: 50%;
	padding: 5%;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	text-align: justify;
	
}


.legal{
	width: 50%;
	padding: 7%;
	height: 45vh;
    background-image: url(../images/legal_corp.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;
    float: right;
    }


 .fiscal{
 	width: 50%;
	padding: 8%;
	height: 45vh;
    background-image: url(../images/fiscal.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;
    float: left;
 }


 .litigio{
 	width: 50%;
	padding: 7%;
	height: 45vh;
    background-image: url(../images/litigio_fiscal.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;
    float: right;
 }


 .prop{
 	width: 50%;
	padding: 3%;
	height: 45vh;
    background-image: url(../images/propiedad_intelectual.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 5em;
    text-align: center;
    float: left;
 }

  .inst{
 	width: 50%;
	padding: 3%;
	height: 45vh;
    background-image: url(../images/familiar.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 5em;
    text-align: center;
    float: right;
 }

.wrapservicios{
	width: 100%;
	display: flex;
  	flex-wrap: wrap;
}
.wrapservicios div{
	flex:1
}
.flexphoto{
}
.flextext{
	box-sizing: border-box;
}
.flextext .wraptextflex{

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	text-align: justify;
	padding: 50px;
}
.wraptitlevdos{
  display: table;
  width: 100%;
  height: 100%;
}
.textvdospart{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 5em;
}
.wrapservicios.odd{
	flex-direction: row-reverse;
}
.patrvdos{
    background-image: url(../images/patrimonial.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
    }

.legalvdos{
	background-image: url(../images/legal_corp.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
    }


 .fiscalvdos{
 	background-image: url(../images/fiscal.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
}


 .litigiovdos{
 	background-image: url(../images/litigio_fiscal.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
}


 .propvdos{
 	background-image: url(../images/propiedad_intelectual.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
    }

  .instvdos{
 	background-image: url(../images/familiar.jpg);
    background-size: cover;
    background-position: center;
    transition: all .5s;
    }

/*
.wrapservicios:hover .flexphoto,
.wrapservicios:focus .flexphoto {
  transform: scale(1.2);
  transition: all .5s;
}*/




.wrapflex{
	width: 100%;
	display: flex;
  	flex-wrap: wrap;
}
.wrapflex div{
	flex:1
}
.seratexto{
	padding: 5%;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	text-align: justify;
}
.patrimonialdiv{
    background-image: url(../images/patrimonial.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;
}
.legalcorpdiv{
    background-image: url(../images/legal_corp.jpg);
    background-size: cover;
    height: auto;
    background-position: center;
    color: white;
    font-family: 'Playfair Display', serif;
    font-size: 6em;
    text-align: center;

}




@media only screen and (max-width: 1000px) {
.wrapservicios{
	width: 100%;
	display: block;
}
.flexphoto{
	height: 250px;
}
.textvdospart{
    font-size: 3em;
}

}
@media only screen and (max-width: 1400px) {

 .contenedor div{
	overflow: auto;
	height: auto;
}

.text{
	width: 100%;
	padding: 3%;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	text-align: justify;
	float: none;
	
}

.patr{
		width: 100%;
		height: 30vh;
		font-size: 5em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
   }


.legal{
		width: 100%;
		height: 30vh;
		font-size: 5em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
    }

.fiscal{
 		width: 100%;
		height: 30vh;
		font-size: 5em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
 }


 .litigio{
 		width: 100%;
		height: 30vh;
		font-size: 5em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
 }


 .prop{
 		width: 100%;
		height: 30vh;
		font-size: 4em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
 }

  .inst{
 		width: 100%;
		height: 30vh;
		font-size: 4em;
		float: none;
		margin: 0%;
		padding: 5% 0%;
 }



}








@media only screen and (max-width: 600px) {

 .contenedor div{
	overflow: auto;
	height: auto;
}

.text{
	width: 100%;
	padding: 5%;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	text-align: justify;
	float: none;
	
}

.patr{
		width: 100%;
		height: 30vh;
	    font-size: 3em;
	    float: none;
   }


.legal{
	width: 100%;
		height: 30vh;
	    font-size: 3em;
	    float: none;

    }

.fiscal{
 	width: 100%;
	height: 30vh;
	font-size: 3em;
	float: none;
 }


 .litigio{
 		width: 100%;
		height: 30vh;
	    font-size: 3em;
	    float: none;
 }


 .prop{
 		width: 100%;
		height: 30vh;
	    font-size: 3em;
	    float: none;
 }

  .inst{
 		width: 100%;
		height: 30vh;
	    font-size: 3em;
	    float: none;
 }



}