body, .modal, .home-web .credits {
	background-color:rgba(206, 184, 136,1);
	font-family: 'AkzidenzGroteskBE-Light';
}
body {
	padding:0;
	margin:0;
}
.fons{
	display:none;
}
.pluginShareButtonLink {
	background-image:url(/arxiufotografic/virtuals/img/fb-btn.png);
}
.socials a:nth-child(2) {
	background-image:url(/arxiufotografic/virtuals/img/pt-btn.png)!important;
}
.twitter {
	background-image:url(/arxiufotografic/virtuals/img/tw-btn.png);
}
	
.socials {
    display: block;
    text-align: center;
}
.kiosk .socials {
	display:none;
}
h1, h2 {
	 font-family: 'AkzidenzGroteskBE-Bold';
	font-weight:normal;
	letter-spacing: -0.01vh;
}
.main-title, .ambit-title {
	 font-family: 'AkzidenzGroteskBE-Bold';	
}
.expo-title {
	font-family: 'AkzidenzGroteskBE-Bold';	
	color: rgba(255,255,255, 1);
}
.slide.first .expo-title, .slide.first .centrat h1 {
    font-size: 3vw
}

.slide.first .centrat h1{
/* 	color:rgba(0,0,0,1.00); */
}
.slide.first .expo-title {
font-family: 'AkzidenzGroteskBE-Bold';
}
.slide.first .ambit-title, .slide.first .ambit-title  {
	font-size:2.5vw;
	padding-top:20px;
}

.slide.first .ambit-title a{
	display:none;
}
.slide.first .ambit-title a:last-child{
	display:block;
}
.centrat h2{
	font-size: 2.5vw;
	margin-bottom: 0px;
	width: 70%;
	line-height: 110%;
	margin-right: 7vw;
	color: rgba(0, 0, 0, 1.00);
}
.slide.second .centrat .intro p {
    margin-top: 20px;
    width:70%;
	letter-spacing: -0.02vw;
	line-height:120%;
	font-size:1.4vw;
}
.slide.second .ambit-reportatge {
	display:none;
}
#slides-wrapper .slide {
	background-color: rgba(206, 184, 136, 1);
}
.swiper-button-next, .swiper-button-prev {
    background-size: 2vw;
    border: 1px solid rgba(255,255,255,0.7);
	
    right: 1vw;
}
.swiper-button-prev {
    left: 1vw;
}
.swiper-button-prev{
	background-image: url(/arxiufotografic/virtuals/img/back-white.png);

}
.modal {
	z-index:10;
}
.grid-spacer h4 {
        padding-left: 8vw;
        padding-right: 1vw;
}
.centrat, .intro .ambit-reportatge, .intro .ambit-title {
	padding-left:25%;
}
.intro .ambit-title a {
	display:block;
	line-height:150%;
	margin-bottom:10px;
}

.slide.first .centrat a {
	 font-size: 2vw;
	margin-top:0px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	line-height:120%;
	font-family: 'AkzidenzGroteskBE-Bold';
	width:70%;
}
.slide.second .expo-title {
}
.second .expo-title {
	
	
}
.slide.second {
   
    
}
.slide.second .centrat p {
	margin-top:0px;
}
.main-title a, .grid-spacer h4 {
	text-decoration: none;
	color:rgba(0,0,0,1);
	
}
.grid-item {
	width: 40vw;
	height: 33%;
}
button.close {
    font-size: 65px;
    top: 0px;  
}
 .swiper-button-next {
        background-image: url(/arxiufotografic/virtuals/img/forward-white.png);
}
.grid-spacer h4 {
	line-height:90%;
}
.exposicio-oleguer-junyent-fotograf .grid-item {
    width: 20vw;
    height: 33%;
}
.exposicio-oleguer-junyent-fotograf  .grid-item.grid-spacer {
	height: 100%;
}
.egipte-i-india .slide.first {
   background-image: url(https://ajuntament.barcelona.cat/arxiufotografic/virtuals/images/sub_topics/medium_size/54/4020b38ae65600f4aa7536d073fb3e5f.jpeg);

}
.i-torna-al-born .slide.first {
   background-image: url(https://ajuntament.barcelona.cat/arxiufotografic/virtuals/images/sub_topics/medium_size/54/91d3220a172c5dcdb3dd0d841e2d8d75.jpeg);
    
}
.exposicio-oleguer-junyent-fotograf .slide.first {
	background-image: url(https://ajuntament.barcelona.cat/arxiufotografic/virtuals/images/sub_topics/full_size/54/f6ce1970cd67f05b1c5c3c72a22c2f3e.jpeg);

}
.kiosk.exposicio-oleguer-junyent-fotograf .slide.second {

}
.home-web .credits {
	padding-top:40px;
	color:#000;
}
.home-web .credits dl, .home-web .intro p, .home-web .down {
	padding-left: 25%;
}
.credits dt {
	padding-top:20px;
	 font-family: 'AkzidenzGroteskBE-Bold';
	
}
.grid-item img{
	max-width:88%;
	max-height:95%;
	
	height:auto;
}
#modal-caption {
	display:none;
}
button.close {
    color:#553514!important;
    font-size: 80px;
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#553514;
    
}
.exposicio-oleguer-junyent-fotograf .grid-item.grid-spacer {
	display:none;
}
.grid-item.grid-spacer h4 {
	padding-left:0px;
}

 #masonry-wrapper {
    margin-left: 8vw;
    width: calc(100% - 8vw);
    
}

@media screen and (max-width: 1023px)  {
	
	
.exposicio-oleguer-junyent-fotograf .grid-item {
    width: 33vw;
    height: 25%;
}
	
	
	
 #masonry-wrapper {
    margin-left: 13vw;
    width: calc(100% - 13vw);
    
}
	.swiper-button-next, .swiper-button-prev {
        width: 10vw;
        height: 10vw;
		 background-size: 4vw;
    }

	.grid-item {
		width: 40vw;
		height: 15%;
	}
	.modal-open {
		overflow-y:hidden;
	}
	
	.slide.first .ambit-title {
		font-size:4vw;
		padding-top:20px;
	}
	.centrat h2, .slide.first .centrat h1 {
		font-size:4vw;
		margin-bottom:10px;
		margin-right:11vw;
	}
	.slide.first .expo-title {
		margin-top: 0px;
		font-size: 4vw;
	}
	.slide.first .centrat a {
		float:left;
		display:block;
		clear:both;
	}
	.slide.second .centrat .intro p {

	}
	.slide.second .centrat .intro p {
    font-size: 2vw;
}
	
	.pluginShareButtonLink, .socials a:nth-child(2) {
    width: 30px!important;
    height: 30px!important;
    margin-left: 5px!important;
	margin-right:5px;
}
	.data p {
		margin-bottom:5px;
	}

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


 .exposicio-oleguer-junyent-fotograf .grid-item {
            width: 50vw;
            height: 33%;
        
    }

	
	
	
	.centrat, .intro .ambit-reportatge, .intro .ambit-title {
        padding-left:15%;
    }
	
	.slide.first .centrat a {
		float:none;
		display:inline-block;
		font-size: 2.2vw;
		margin-right: 0px;
	}
	.home-web .intro p.ambit-title a {
		clear:both;
		display:block;
		float:Left;
	}
	.home-web .intro p.ambit-title a:last-child {
		float:none;
		display:inline-block;
		clear:both;
	} 
    .slide.second .expo-title {
        font-size: 4vw;
        margin-top:5px;
		color:rgba(0,0,0,1);
		text-shadow:none;
    }
    .slide.second .centrat .main-title {
        font-size:3.5vw;
    }
    .centrat h2, .slide.first .centrat h1 {
        font-size:4.4vw;
    }
	
	.modalswiper-container .swiper-slide {
		width: 80%;
		height: 100%;
		padding: 2%;	
	}
    .swiper-button-next, .swiper-button-prev {
        width: 10vw;
        height: 10vw;
		background-size: 3.5vw;
    }
    .home-web .slide.first .expo-title{
        font-size: 3.5vw;
    }
	
	.slide.second .centrat .intro p {
		font-size: 2vw;
	}

    .grid-item {
        width: 50vw;
        height: 22%;
    }

    .exposicio-oleguer-junyent-fotograf .grid-item {
        width: 30vw;
        height: 40%;
    }
	button.close {
    	font-size: 40px;
		width:50px;
		padding:0px;
	}
	
	.home-web .credits dl, .home-web .intro p, .home-web .down {
    	padding-left: 15%;
	}
	.grid-item {
		width: 40vw;
		height: 33%;
	}
	.home-web .intro h3, .home-web .credits h3 {
		padding-left: 15%;
		font-size: 3.2vw;
	}
}
@media screen and (max-width: 414px)  {
	
	.pluginShareButtonLink, .socials a:nth-child(2) {
    width: 25px!important;
    height: 25px!important;
}
		
 #masonry-wrapper {
    margin-left: 19vw;
    width: calc(100% - 19vw);
    
}
	.data {
    font-size:12px;
}
	.slide.first .centrat a {
		font-size: 2.2vh;
	}
	.home-web .intro h3, .home-web .credits h3 {
		font-size: 3.2vh;
	}
	
	.swiper-button-next, .swiper-button-prev {
        width: 15vw;
        height: 15vw;
		background-size: 5vw;
    }
	.home-web .down li {
		margin-right: 10px;
	}
	.slide.first .centrat a {
		float:left;
		display:block;
		clear:both;
	}
	.home-web .down a {
		font-size: 12px;
	}
    .slide.second .expo-title {
        font-size: 3vh;
        margin-top:5px;
    }
	
    .home-web .slide.first .expo-title{
        font-size: 3.2vh;
    }
	.slide.second .centrat .intro p {
		font-size:2.6vh;
	}

    .slide.second .centrat .main-title {
        font-size:2.5vh;
    }

    .centrat h2, .slide.first .centrat h1 {
        font-size:4.4vh;
    }
	
    .grid-item {
        width: 70vw;
        height: 24%;
		box-sizing: border-box;
		margin:1px;
    }

    .exposicio-oleguer-junyent-fotograf .grid-item {
        width: 40vw;
        height: 25%;
    }

}