body {
}
.container-galleries {
margin-right:300px;
}
.galleries {
margin:0;
padding:0;
}
.gallery {
position:relative;	
margin:0 0 0 0;
padding:0;
width:33.3%;
background:#555;
overflow:hidden;
float:left;
background-size:cover;
}
.gallery-block-link {
position:absolute;
top:0;
left:0;	
width:100%;
height:100%;
}
.gallery:first-child {
width:66.6%;
}
.gallery:nth-child(4n) {
clear:left;
}
.gallery:before {
    content: '';
    display: block;
    padding-top: 100%;
	height:0;
	visibility:hidden;
}
.gallery-screen {
position:absolute;
top:0;
left:0;
z-index:5;
right:0;
bottom:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.gallery-block-link:hover .gallery-screen {
background:rgba(0,0,0,0.2);	
}
.gallery-border {
position:absolute;
top:0;
left:0;
z-index:6;
right:0;
bottom:0;
width:100%;
height:100%;
}
.gallery-border:before {
content:'';
position:absolute;
top:0;
right:0;
width:5%;
background:#fff;
height:100%;
}
.gallery:first-child .gallery-border:before {
width:2.5%;
}
.gallery-border:after {
content:'';
position:absolute;
bottom:0;
left:0;
height:5%;
background:#fff;
width:100%;
}
.gallery:first-child .gallery-border:after {
height:2.5%;
}

.event-titles {
position:absolute;	
bottom:12%;
left:5%;
width:85%;
opacity:1.0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.gallery-block-link:hover .event-titles {
/*opacity:0.3;*/	
}
.gallery:first-child .event-titles {
bottom:none;
top:5%;	
}
.event-titles .gallery-title {
color:#fff;	
display:block;
font-size:25px;
line-height:27px;
font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
font-weight:700;
}
.event-titles .gallery-date {
color:#eee;	
display:block;
font-size:14px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
margin:0 0 8px 0;
font-style:normal;
}
.gallery:first-child .gallery-date {
font-size:18px;	
margin:0 0 12px 0;
font-style:normal;
}
.gallery:first-child .gallery-title {
font-size:40px;	
line-height:43px;
}
.fancybox-inner iframe {
position:absolute !important;	
}
@media screen and (max-width: 960px) and (min-width: 781px) {
.event-titles .gallery-title {
font-size:19px;
line-height:19px;
}
.event-titles .gallery-date {
font-size:13px;
margin:0 0 6px 0;
}

}
@media screen and (max-width: 780px) {
.container-galleries {
margin:0;	
}
.twitter-feed {
display:none;	
}
}
@media screen and (max-width: 780px) and (min-width: 481px) {
.event-titles .gallery-title {
font-size:21px;
line-height:22px;
}
.event-titles .gallery-date {
font-size:14px;
margin:0 0 8px 0;
}
}
@media screen and (max-width: 480px) {
.gallery,.gallery:first-child {
float:left;
width:50%;
margin:0;	
}
.gallery-1 {
}
.gallery:nth-child(4n) {
clear:none;	
}
.galleries {
width:100%;
margin:0;
padding:0;
}
.gallery:first-child .gallery-border:after {
height:2.5%;
}
.galleries + .galleries .gallery:first-child .gallery-border:after {
height:5%;
}
.galleries + .galleries .gallery:first-child .gallery-border:before {
width:5%;
}
.galleries:after {
display:none;	
}
.galleries:first-child .gallery:first-child {
	float:none;
width:100%;
}
.event-titles .gallery-title {
font-size:19px;
line-height:22px;
}
.event-titles .gallery-date {
font-size:14px;
margin:0 0 5px 0;
}
.galleries + .galleries .gallery:first-child .gallery-date {
font-size:14px;
margin:0 0 5px 0;

}
.galleries + .galleries .gallery:first-child .gallery-title {
font-size:19px;
line-height:22px;
}
.galleries + .galleries .gallery:first-child .event-titles {
position:absolute;	
top:auto;
bottom:10%;
left:5%;
width:85%;
}

}