body {display:none;font-family: 'Open Sans Condensed', sans-serif;background-color:#EDF2F2;color:#666666;font-size: 15px;letter-spacing: 0.1em;}
h1.front {font-family: Vidaloka;font-size: 3em;letter-spacing: 0.5em;padding-top: 30%;text-align: center;padding-bottom: 30%}
.desktop-menu {padding-top: 120px;}
.menu-item {padding:10px 0px 10px}
.menu-item-sub {margin-left: 20px;padding:5px 0px 3px}
a {color:#3F4D4F;font-size: 15px!important;letter-spacing: 0.1em;}
a:hover {color:#000;text-decoration: none;}
.active {color:#000;}
.leino-bread {padding-top:20%;max-width: 600px;padding-left:50px;padding-bottom: 20%}
.art-sub {padding-top:18%;padding-left:50px;padding-bottom: 5%;}
.img-art-sub {max-width: 400px;width: 100%;cursor: zoom-in;}
.italic {font-style: italic;}
.art-desc-bold {font-weight: 700}
.img-konst {max-width: 275px;width: 100%;margin-bottom: 50px;cursor: zoom-in;}

.tcenter {text-align: center;}
.copyright {font-style: italic;padding-top: 20px;padding-bottom: 20px;}


.menu-item-m {padding:10px 0px 10px;z-index:999;}
.menu-item-sub-m {margin-left: 20px;}
.mobile-navbar {display: none;float:left;width:100%;z-index:99999;position:absolute;padding-right:15px;background-color: #EDF2F2;transition: background-color .3s ease-in-out}
.mobile-menu {float:right;clear: right;display: none;padding-right: 15px;}



@media (max-width: 1000px) {
    .mobile-navbar {display: inherit}
    .desktop-menu {display:none;}
    h1.front {margin-top: 70px; padding-top: 0px;letter-spacing: 0.3em;font-size: 2em;padding-bottom:50%}
    .art-sub {padding-top: 70px;padding-left: 0px;}
    .leino-bread {padding-top:70px;padding-left: 0px;}
    .copyright {text-align: center}
    

}


#.first-image-container {position: relative;}
#.first-image {position:absolute;left:0;top:0;}
.show-gallery {text-align: right;display:none;}
#arts {display: none;}
.glyphicon-tag {color: #b41b39;font-size: 12px;}
.art-desc {font-size: 10px;margin-bottom: 30px;}
.pad150 {height:150px;}
.art-coll-box {text-align:right;}

.contact h3 {margin-bottom: -15px;font-size: 18px;}
.main {text-align: center;}
.main h2 {font-size: 20px; margin-top: 0px; margin-bottom: 25px;}

@media screen and (max-width: 350px) {
  h1 {font-size: 30px;}
}
img {max-width: 100%;margin-bottom: 15px;border-radius:5px;}





* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon {
  float:right;
  width: 23px;
  height: 23px;
  position: relative;
  margin: 15px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:999;
}

#nav-icon span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #666666;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 7px;
}

#nav-icon span:nth-child(4) {
  top: 14px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}