@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

html { height:100%; }

body { font-family:'Roboto Slab', Times, serif;color:#3d3d3b;background:#80ffff;height:100%;font-size:14px; }
body a { color:#3d3d3b; }
body a:hover { text-decoration:none; }
body > .container { background: #80ffff;position:relative;min-height:100%; }

#main-area { height: 100%; }

header { background:#80ffff; }

.header-title { padding:40px 0 0px 0;text-align:center;float:left;font-size:15px;color:#3d3d3b;width:76%; }

#lang { padding:52px 10px 0 0;float:left;width:12%;font-size:12px;color:#3d3d3b;text-align:right; }
#lang a { color:#3d3d3b;padding:0 5px }
#lang .lang-active { font-weight:bold; }

.btn-primary { border:none;background: #00b3b3; }
.btn-primary:hover { background:#008080; }

#background-image { width:80%;margin:30px auto;background-size:cover;background-position:center;  }


.gallery-home-wrapper { width:80%;margin:0 auto; }
.gallery-home-item { width:30%;float:left; }
.gallery-home-item:nth-child(2) { margin:0 5%; }
.gallery-home-item a { display:block;width: 100%;height:100px; }
.gallery-home-item a:hover { opacity:0.7; }
.gallery-home-image { display:inline-block;background-size:cover;background-repeat:no-repeat;width:100%;height:100%; }
.title { display:block;color:#3d3d3b;padding-bottom:10px;font-size:18px; }
.home .title { text-align:center; }

.gallery-content { margin-bottom:50px;display:inline-block;width:100%; }

.bgr-image { width:100%;height:100%;background-size:cover; }
.landscape .img-container { float:left;width:33.3%;padding:1%; }
.portrait .img-container { float:left;width:17%;padding:1px; }
.img-container:hover { cursor:pointer; }

.lg-backdrop, .lg-outer .lg-thumb-outer { background-color:#80ffff; }
.lg-toolbar .lg-icon, #lg-counter { color:#ffffff; }
.lg-hide-items .lg-prev, .lg-hide-items .lg-next { opacity: 0; }
.lg-actions .lg-prev:after, .lg-actions .lg-next:before { color:#ffffff;opacity: 1;top:35%; }
.lg-outer .lg { max-width:1500px; }
.lg-sub-html { background:none;color:#3d3d3b;top:7vh;bottom:inherit; }


article h1 { font-size:16px; }
article:not(.gallery-home) { margin-top:30px; }
article .article-inner .thumbnail { padding:0;background:none; }
.home article { margin-top:0; }

h1 { font-size:26px; }
.home-gallery-title { text-align:center; }
.align-center { text-align:center; }

article .article-inner hr { border:0;height:1px;width:70%;opacity:0.5;background-image: -webkit-linear-gradient(left, #80ffff, #3d3d3b, #80ffff); background-image: -moz-linear-gradient(left, #80ffff, #3d3d3b, #80ffff); background-image: -ms-linear-gradient(left, #80ffff, #3d3d3b, #80ffff); background-image: -o-linear-gradient(left, #80ffff, #3d3d3b, #80ffff); }

@media screen and (max-width: 767px) {  
    .lg-actions .lg-prev, .lg-actions .lg-next { top:50%; }
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  body { font-size:16px; }
  .header-title { font-size: 24px; }
  #home-nav { margin:30px auto;width:80%; }
  article h1 { font-size:26px; }
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) { 
    #background-image, .gallery-home-wrapper { width:60%; }
    #home-nav { margin:30px auto;width:60%; }
}

/* Very Large devices (very large desktops, 1600px and up) */
@media screen and (min-width: 1500px) { 
    #background-image, .gallery-home-wrapper, #home-nav { width:100%; }
    .gallery-home-wrapper { padding-top:25px }
    #home-nav { margin-top:45px; }
}