#grid-four{width:900px !important;}
#grid-four #masonryContainer {margin: 0;width:900px !important;/* background-color:#FFC*/} 
#grid-four .masonry-brick { width: 285px; height:auto; margin: 6px;overflow:hidden}
   
#grid-four .masonry-brick .panel {padding:1.5em}   
#grid-four .masonry-brick .panel p {font-size:0.8em}
#grid-four .masonry-brick.news {margin: 0px 15px 15px 0px;}
 
.masonry-brick h2 span a {font-size:65%;float:left;}

.date {font-size:0.75em; font-weight:normal; font-style:italic; color:#666}
.light-link {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:5}
.light-link span {display:none}

#grid-four .masonry-brick .wrapper {overflow: hidden;position: relative; width: 100%;}
#grid-four .masonry-brick p {line-height:1.4em; font-size:0.85em; font-family:arial; padding:0px 15px; color:#777;}
#grid-four .masonry-brick small {font-style:italic; color:#444; font-size:0.75em; font-family:arial;}
#grid-four .masonry-brick .img-wrapper {background-size:auto 100%; height: 100%;position: absolute;right:0; width:50% }
#grid-four .masonry-brick .img-wrapper span {display:none}

#grid-four .masonry-brick.news img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:285px}
#grid-four .masonry-brick.news {background-color:#f5f5f5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#grid-four .masonry-brick.news small {display:block; padding:5px 15px 15px 15px;}


  
@media only screen and (min-width: 768px) {
.masonry-brick.w2 { width: 634px; margin: 6px; float: left; height:auto} }

@media only screen and (max-width: 768px) {
.masonry-brick.w2 { width: 311px; margin: 6px; float: left;}
.panel-content p {padding-bottom:0;}
.hotspot-adress .panel {min-height:100px;}
#grid-four .masonry-brick.w2 { width: 230px !important;height:auto;}  
#grid-four .masonry-brick .img-wrapper { display:none}
#grid-four .masonry-brick.news {margin: 6px 6px 20px 6px;}
button.back, .button.back  {width:100%;}
}

@media only screen and (max-width: 950px ) {
.hotspot .large-6 {position: relative;width: 100%; min-height:235px }
.hotspot .hide-for-small {display:none !important}
.hotspot .panel-content p {font-size:1em; font-family:'LatoLight'; font-style:italic; line-height:1.6; padding:0 0 1em 0; text-align:center}
.hotspot .panel-content h3 {font-size:2em; text-align:center; padding:0}
.hotspot .panel-content hr {margin:0.2em auto 1em auto; width:50px}
.hotspot-adress.large-3 {position: relative;width: 50%;}
}
 
@media only screen and (max-device-width : 568px) {
.masonry-brick { width: 97%;}
.masonry-brick.h2 { width: 97%;}
.masonry-brick.w2 { width: 97%;}
#grid-four .masonry-brick {width: 230px;height:auto;}
#grid-four .masonry-brick.w2 { width: 230px !important;height:auto;}  
footer {text-align:center}
.f-links {text-align:center !important;width:130px;float:none; margin:20px auto}
.panel.home p {font-size:0.8em; padding-bottom:0}
.panel-content p {padding-bottom:0;}
.hotspot .panel-content, .hotspot-adress .panel-content {padding:2em 1.5em 2em 2em;}
.large-6.hotspot .panel-content, .large-6.hotspot-adress .panel-content {padding:2em 1.5em 2em 2em;}
.hotspot .panel-content p {font-size:1em; font-family:'LatoLight'; font-style:italic; line-height:1.6; padding:0; text-align:center}
.hotspot .panel-content h3 {font-size:2em; text-align:center; padding:0}
.hotspot .panel-content hr {margin:0.2em auto 1em auto; width:50px}
.hotspot-adress .panel-content {min-height:100px}
.hotspot-adress.large-3 {position: relative;width: 100%;}
}