.ver a, a.show {cursor: pointer;}

.ver a:hover {transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;}

@media screen and (min-width: 1750px) {

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}
	
.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}


.bodas {
    position: relative;
    margin: 0 auto;
    z-index: 2;
	max-width: 80%;
	}

.noticia {
    position: relative;
    margin: 0 auto;
    z-index: 2;
	max-width: 80%;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:40px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }
 





.proyecto {
    position: relative;
    z-index: 2;
    margin: 0 auto;
	height: auto;
	max-width: 80%;
	}


	



.proyecto1 {
	width: 100%;
	position: relative;
	float:left;
	height: 80vh;
	text-align: center;
	margin-bottom: 7vh;
	}
	
.proyecto1 img{
	height: 100%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 2.3%;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	line-height:0;
	}



.proyecto5 img {
	width: 60%;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: absolute;
    width: 100%;
    right: -25px;
    max-width: 500px;
    z-index: 3;
    top: 35vh;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}
	
.proyecto p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
	opacity:0;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
    position: relative;
    float: left;
    z-index: 2;
	}

.entrada {
	width: 85%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:0;
	}


.entradas p.title {
	position: absolute;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 27%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	right: -21%;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 35%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	float: left;
	max-width: 400px;
	margin-top: 40px;
	line-height: 1.4em;
	}

.entradas p.title img {
	position: relative;
	float: right;
	width: 35px;
	z-index: 2;
	margin-top: 60px;
	margin-right: 20%;
	transform: rotate(-90deg);
	}







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}

@media screen and (min-width: 1550px) and (max-width: 1750px){

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
    position: relative;
    margin: 0 auto;
    z-index: 2;
	max-width: 80%;
	}

.noticia {
    position: relative;
    
    z-index: 2;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:40px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }
 

.proyecto {
    position: relative;
    z-index: 2;
    margin: 0 auto;
	height: auto;
	max-width: 80%;
	}

.noticia {
    position: relative;
    
    z-index: 2;
    margin: 0 auto;
	height: auto;
	max-width: 80%;
	}

.proyecto1 {
	width: 100%;
	position: relative;
	float:left;
	height: 80vh;
	text-align: center;
	margin-bottom: 7vh;
	}
	
.proyecto1 img{
	height: 100%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 2.3%;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: absolute;
    width: 100%;
    right: -45px;
    max-width: 500px;
    z-index: 3;
    top: 35vh;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    
    text-align: right;
	opacity:0;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
    position: relative;
    float: left;
    z-index: 2;
	}

.entrada {
	width: 85%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:0;
	}


.entradas p.title {
	position: absolute;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 27%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	right: -21%;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 35%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	float: left;
	max-width: 400px;
	margin-top: 40px;
	line-height: 1.4em;
	}

.entradas p.title img {
	position: relative;
	float: right;
	width: 35px;
	z-index: 2;
	margin-top: 60px;
	margin-right: 20%;
	transform: rotate(-90deg);
	}

	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}





.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}


@media screen and (min-width: 1200px) and (max-width: 1550px){

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
    position: relative;
    float: left;
    z-index: 2;
	}
	
.noticia {
    position: relative;
    float: left;
    z-index: 2;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 30px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:8%;
  opacity:0;
  }


.proyecto {
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 0;
    height: auto;
	}

.noticia {
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 0;
    height: auto;
	}

.proyecto1 {
	width: 100%;
	position: relative;
	float:left;
	height: 80vh;
	text-align: center;
	margin-bottom: 8vh;
	}
	
.proyecto1 img{
	height: 100%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 2.3%;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: absolute;
    width: 100%;
    right: -100px;
    max-width: 500px;
    z-index: 3;
    top: 37vh;
    margin-right: 3vw;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
	opacity:0;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 18px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
    position: relative;
    float: left;
    z-index: 2;
	}

.entrada {
	width: 85%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:0;
	}


.entradas p.title {
	position: absolute;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 27%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	right: -21%;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top: 35%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	float: left;
	max-width: 400px;
	margin-top: 40px;
	line-height: 1.4em;
	}

.entradas p.title img {
	position: relative;
	float: right;
	width: 35px;
	z-index: 2;
	margin-top: 25px;
	margin-right: 20%;
	transform: rotate(-90deg);
	}
	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}


@media screen and (min-width: 1000px) and (max-width: 1200px){

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 19vh;
	}

.noticia {
    position: relative;
    float: left;
    z-index: 2;
	 margin-top: 19vh;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 25px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 30px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity: 1;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:8%;
  opacity: 1;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:8%;
  opacity: 1;
  }
 

.proyecto {
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 0;
    height: auto;
	}


.proyecto1 {
	width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-top: 19vh;
    height: 70vh;
    margin-bottom: 6vh;
	}
	
.proyecto1 img{
	height: 95%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 3vh;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: relative;
    width: 100%;
    padding-top: 120px !important;
    padding-bottom: 20px !important;
    max-width: 400px;
    z-index: 3;
    display: flex;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin-top: -20px;
    margin-bottom: 50px;
	line-height: 1em;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
    position: relative;
    float: left;
    z-index: 2;
	margin-top:19vh;
	}

.entrada {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:0;
	}


.entradas p.title {
	position: relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
    font-family: 'freighttext_book';
    font-size: 20px;
    font-weight: lighter;
    font-style: normal;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    opacity: 1;
    float: left;
    width: 100vw;
    margin-top: 40px;
    line-height: 1.5em;
    max-width: 600px;
	}

.entradas p.title img {
	position: relative;
	float: left;
	width: 35px;
	z-index: 2;
	margin-top: 20px;
	transform: rotate(-90deg);
	}
	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}








.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}

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

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	margin-bottom: 75px;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
	margin-bottom: 13vh;
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 22vh;
	}

.noticia {
    position: relative;
    float: left;
    z-index: 2;
	 margin-top: 22vh;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}


.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity: 1;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:8%;
  opacity:1;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:8%;
  opacity:1;
  }
 

.proyecto {
    position: relative;
    float: left;
    z-index: 2;
    margin-top: 0;
    height: auto;
	}
	

.proyecto1 {
	width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-top: 21vh;
    height: 70vh;
	}
	
.proyecto1 img{
	height: 95%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 2.5%;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: relative;
    width: 100%;
    padding-top: 80px !important;
    padding-bottom: 0px !important;
    max-width: 400px;
    z-index: 3;
    float: left;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin-top: -20px;
	line-height: 1em;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
    position: relative;
    float: left;
    z-index: 2;
	margin-top:19vh;
	}

.entrada {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:0;
	}


.entradas p.title {
	position: relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	float: left;
	width: 100vw;
	margin-top: 40px;
	line-height: 1.5em;
	max-width: 500px;
	}

.entradas p.title img {
	position: relative;
	float: left;
	width: 35px;
	z-index: 2;
	margin-top: 20px;
	transform: rotate(-90deg);
	}
	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}






.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}

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

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 15px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
	margin-bottom: 13vh !important;
    z-index: 2;
    top: 135px;
    width: 90%;
    position: relative;
    margin: 0 auto;
    float: none;
    display: flow-root;
    clear: both;
	}

.noticia {
    position: relative;
	width: 90%;
    float: left;
    z-index: 2;
	 top: 16vh;
	 position: relative;
    margin: 0 auto;
    float: none;
    display: flow-root;
    clear: both;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 48%;
	float:left;
	margin-right: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 48%;
	float:right;
	margin-left: 2%;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:10%;
	}
 
.boda2 {
  width: 47%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:10%;
  opacity:1;
  }
 


.boda3 {
  width: 47%;
  position: relative;
  float:right;
  text-align:left;
  margin-bottom:10%;
  opacity:1;
  }
 

.proyecto {
    position: relative;
    z-index: 2;
    margin-top: 0;
    height: auto;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
	}



.proyecto1 {
	width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-bottom: 7vh;
    margin-top: 18vh;
    height: 70vh;
	}
	
.proyecto1 img{
	height: 100%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.5%;
	 opacity: 0;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 44%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 0;
	}

.proyecto3 img {
	width: 80%;
	margin-top: 18%;
	}	
	
	
.proyecto4 {
	width: 47%;
    position: relative;
    float: right;
    margin-top: 2.3%;
	opacity: 0;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 0;
	}

.proyecto5 img {
	width: 60%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 0;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: relative;
    width: 90%;
    padding-top: 80px !important;
    padding-bottom: 40px !important;
    max-width: 571px;
    z-index: 3;
    margin: 0 auto;
    display: flex;
    align-content: center;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin-top: -20px;
    margin-bottom: -20px;
	line-height: 1em;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
	position: relative;
	float: none;
	z-index: 2;
	margin-top: 16vh !important;
	width: 90%;
	margin: 0 auto;
	}

.entrada {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:8%;
	 opacity:1;
	}


.entradas p.title {
	position: relative;
	font-family: 'freighttext_book';
	font-size: 35px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
	max-width: 400px;
	line-height: 1em;
	}

.entradas p.title span{
	position: relative;
    font-family: 'freighttext_book';
    font-size: 20px;
    font-weight: lighter;
    font-style: normal;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    opacity: 1;
    float: left;
    width: 100vw;
    margin-top: 40px;
    line-height: 1.5em;
    max-width: 425px;
	}

.entradas p.title img {
	position: relative;
	float: left;
	width: 35px;
	z-index: 2;
	margin-top: 20px;
	transform: rotate(-90deg);
	}
	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}

@media screen and (min-width: 320px) and (max-width: 500px){

.ver {
	border-top: 4px solid black;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 50px;
	}

.ver a{
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
	width: 100%;
	float: left;
	line-height: 34px;
	}

.pagination {
	display: inline-block;
	margin-bottom: 50px;
	}

.pagination a {
	color: black;
	float: left;
	padding: 8px 13px;
	text-decoration: none;
	font-family: 'akzidenz-grotesk_proMdEx';
	font-size: 12px;
	font-weight: lighter;
	font-style: normal;
	}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
	}

.pagination a:hover:not(.active) {
	background-color: black; 
	color:white;
	}

.pagination a.current {
	background-color: black; 
	color:white;
	pointer-events: none;
	cursor: default;
	}

.bodas {
	margin-bottom: 13vh !important;
    z-index: 2;
    top: 135px;
    width: 90%;
    position: relative;
    margin: 0 auto;
    float: none;
    display: flow-root;
    clear: both;
	}

.noticia {
    position: relative;
	width: 90%;
    float: left;
    z-index: 2;
	 top: 13vh;
	 position: relative;
    margin: 0 auto;
    float: none;
    display: flow-root;
    clear: both;
	margin-bottom: 13vh !important;
	}
	
.noticia img {
	width: 100%;
	}

.noticia img.left {
	width: 100%;
	float:left;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia img.right {
	width: 100%;
	float:left;
	margin-top:2%;
	margin-bottom: 2%;
	}

.noticia p {
	font-family: 'freighttext_book';
    font-size: 20px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:20%;
	}
 
.boda2 {
  width: 100%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:20%;
  opacity:1;
  }
 


.boda3 {
  width: 100%;
  position: relative;
  float:right;
  text-align: left;
  margin-bottom:20%;
  opacity:1;
  }
 


.proyecto {
    position: relative;
    z-index: 2;
    margin-top: 135px !important;
    height: auto;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
	}



.proyecto1 {
	width: 100%;
    position: relative;
    float: left;
    text-align: center;
	}
	
.proyecto1 img{
	width: 100%;
	}

.proyecto2 {
	width: 100%;
    position: relative;
    float: left;
	 margin-top: 2.3%;
	 opacity: 1;
	}

.proyecto2 img, .proyecto4 img {
	width: 100%;
	}
	
.proyecto3 {
	width: 100%;
	position: relative;
	float: left;
	margin-top: 2.3%;
	opacity: 1;
	}

.proyecto3 img {
	width: 100%;
	margin-top: 0;
	}	
	
	
.proyecto4 {
	width: 100%;
    position: relative;
    float: right;
    margin-top: 2.3%;
	opacity: 1;
	}

.proyecto5 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 2.3%;
	text-align:center;
	opacity: 1;
	}

.proyecto5 img {
	width: 100%;
	}

.proyecto6 {
	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
	text-align:center;
	-moz-transition: all 2.4s ease-out;  /* FF4+ */
    -o-transition: all 2.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 2.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 2.4s ease-out;  /* IE10? */
    transition: all 2.4s ease-out;  
    opacity: 1;
    height: 0;
    overflow: hidden;
	}

.proyecto6 img {
	width: 100%;
	}

.parag {
	position: relative;
    width: 100%;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    max-width: 571px;
    z-index: 3;
    margin: 0 auto;
    display: flex;
    align-content: center;
	}

.parag h1{
	font-family: 'freighttext_book';
    font-size: 18px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
	}

.proyecto p {
	font-family: 'freighttext_book';
    font-size: 18px;
    line-height: 1.5em;
    color: #000;
    font-weight: lighter;
    font-style: normal;
    margin-top: 4vh;
    position: relative;
    float: left;
	}

.related {
	width: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
	}

.share {
	width: 100%;
    position: relative;
    float: left;
    text-align: right;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin-top: -20px;
	line-height: 1em;
	}

.related h2 a, .share h2 a {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	}

.related h2 a:hover, .share h2 a:hover {
	font-family: 'akzidenz-grotesk_proMdEx';
    font-size: 14px;
    color: #000;
	font-weight: lighter;
    font-style: normal;
	text-decoration: none;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.6;
	}

.entradas {
	position: relative;
    float: none;
    z-index: 2;
    margin-top: 13vh !important;
    width: 90%;
    margin: 0 auto;
	}

.entrada {
	width: 100%;
	position: relative;
	float:left;
	margin-bottom:8%;
	opacity:1;
	}


.entradas p.title {
	    position: relative;
    font-family: 'freighttext_book';
    font-size: 28px;
    font-weight: lighter;
    font-style: normal;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    opacity: 1;
    max-width: 90%;
    line-height: 1em;

	}

.entradas p.title span{
	position: relative;
    font-family: 'freighttext_book';
    font-size: 18px;
    font-weight: lighter;
    font-style: normal;
    text-decoration: none;
    color: #000;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    opacity: 1;
    float: left;
    width: 100vw;
    margin-top: 40px;
    line-height: 1.5em;
    max-width: 100%;
	}

.entradas p.title a{
	position: relative;
	float: left;
	width: 100%;
	z-index: 2;
	}

.entradas p.title img {
	position: relative;
	float: left;
	width: 25px;
	z-index: 2;
	margin-top: 20px;
	transform: rotate(-90deg);
	}
	



















@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}


@media screen and (max-width: 320px) {
.bodas {
    z-index: 2;
    top: 13vh;
    width: 90%;
    position: relative;
    margin: 0 auto;
    float: none;
    display: flow-root;
    clear: both;
	}

.bodas a.title {
	position:relative;
	font-family: 'freighttext_book';
	font-size: 20px;
	font-weight: lighter;
	font-style: normal;
	text-decoration: none;
	color: #000;
	top:20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity:1;
	}

.bodas a.title:hover {
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;
	opacity: 0.5;
	}

.boda1 {
	width: 100%;
	position: relative;
	float:left;
	 margin-bottom:20%;
	}
 
.boda2 {
  width: 100%;
  position: relative;
  float:left;
  text-align:left;
  margin-bottom:20%;
  opacity:1;
  }
 


.boda3 {
  width: 100%;
  position: relative;
  float:right;
  text-align: left;
  margin-bottom:20%;
  opacity:1;
  }
 



.div-img.hidden {
	overflow: hidden;
	}


.div-img .img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	}

.div-img:hover .img {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-o-transform: scale(1.04);
	cursor:default;
	opacity:0.6;
	cursor: url(http://www.ivancarbonell.com/img/cursor.svg) 30 30,auto;
	}
	







.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}


.already-visible {
  transform: translateY(0px);
  animation: none;
}






.come-in {
  -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  opacity: 1;
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}




@keyframes come-in {
  to { transform: translateY(0px); }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -80%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-80%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
}