/* general styles */
html, body {
  height: 100%;
  width: 100%;
  /* font-family: 'Caviar'; */
  font-family: Courier New, Courier, monospace;
}
/*
@font-face {
    font-family: 'Helveticaa';
    src: url(../fonts/HelveticaNeue-UltraLight.otf);
}
*/
@font-face {
    font-family: 'Caviar';
    src: url(font/CaviarDreams.ttf);
}

@font-face {
    font-family: 'Caviarb';
    src: url(font/CaviarDreams_Bold.ttf);
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
  font-weight: bold;
  text-decoration:none;
}

hr {
    margin-top: 2px;
    margin-bottom: 3px;
    border: 0;
    border-top: 1px solid #111;
    max-width: 44px;
    text-align: left;
    margin-left: 0px;
    visibility: hidden;
}

.popup {
  display: none
}

#preloadImg {
  display: none;
}

#home-image {
  max-width: 100%;
  max-height: 700px;
/*  max-height: 100%;
  max-width: 900px;*/
}

.title-big {
  margin: auto;
  padding-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
  font-size: 21px;
  padding-left: 12%;


}

.under-title {
   margin: auto;
   text-align: center;
}

.contact {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding-left: 12%;
  line-height: 1;
}


.container-box {

  position: relative;
  width: 100%;
  max-height: 700px;
  margin:auto;
  /*margin-top: 50px;*/
  margin-bottom: 25px;
  height: 100%;
  padding-left: 12%;
}

.contain-photo {
  padding-top: 8vh;
}

.img-photo {
  padding-bottom: 36px;
  padding-right: 30px;
  padding-left: 30px;
  /*max-width:900px;
  min-width: 300px;
  width: 100%;*/
  max-height: 92vh;
}

.items-tab {
  width: 64%;
  text-align: right;
}

.list-box {
  width:30%;
  margin:auto;
  float:left;
  font-size: 13px;
}

.image-box {
  float:left;
  width: 70%;
  max-width:900px
}

nav {
    height: 55px;
    width: 100%;
    position: fixed;
    right: 0px;
    background-color: white;
    text-align: right;
    padding-right: 20%;
}
.home-link {
  padding-top: 16px;
  font-size: 20px;
  background-color: white;
}

.describ {
  font-size: 14px;
  background-color: white;
  height: 19px;
}

@media (max-width: 800px){
  .title-big {
    padding-left: 30px;

  }
  .container-box {
    padding-left: 30px;
    padding-right: 30px
  }

  .contact {
    padding-left: 30px;
  }

  hr {
    visibility: visible;
  }
}