html, body{
  height: 100%;
  margin: 0;
}



/*homepage*/

.logo {
  width: 100%;
  max-width: 15.6rem;
}

.footer-logo {
  width: 100%;
  max-width: 12.5rem;
}

.main {
  height: 100%;
  margin: 0;
}

.video-block {
  z-index:-10000;
  width: 100%;
  height: 100%;
}

#video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.main-video {
  height: 100%;
  width: 100%;
  z-index:10000;
  overflow: hidden;
}



.front-block {
  display: block;
  position: absolute;
  z-index:10000;
}

.home-title {
  font-size: 60px;
  color: white;
  text-align:center;
  margin:auto;
  text-shadow:
  0 5px 10px rgba(0,0,0,.30),
  0 10px 10px rgba(0,0,0,.20),
  0 20px 20px rgba(0,0,0,.50);

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.home-title {

  margin-left: 350px;
}

.workshop-button {
  margin-left: 300px;

}
}



.workshop-button {
  border-radius: 0px;
  border-color: white !important;
  color: white !important;
  border-width: 2px;
  margin-top: 40px;
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;

}

.workshop-button:hover {
  background-color: transparent !important;
  border-color: #EBDFA3 !important;
  color: #EBDFA3 !important;
}

/*navigation and navbar*/
.navbar {
  background-color: #2F2E2E !important;
  width: 100%;

}

.nav-link {
  color: white !important;
  text-transform: uppercase;
}

.active a {
  color: #EBDFA3 !important;
}

.nav-link:hover {
  color:#eee6be !important;
  -webkit-transition: .2s ease-in-out;
}

.navbar-toggler {
  border-color: white !important;
  color:white !important;
  border-radius: 0px;
}

.navbar-toggler:focus {outline:0;}

/*footer*/
footer {
  background-color: #2F2E2E;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  display:block;
  width:100%;
  color: #999999;
  margin-bottom: 0%;
}

.info-list {
  text-decoration: none !important;
  padding-left: 0px !important;
  list-style-type: none;
  list-style-position:outside;

}

.info-list > li {
    padding-bottom:3px;
}


/*language selection*/
.ln {
  height: 30px;
  background-color: black;
}




.lngs {
  text-align: right;
  color:white;
  padding: 3px;
  margin-right: 3px;
}

.lngs > li::after {
  content: '|';

  padding-left: 10px;
  text-decoration: none !important;
}

.lngs > li:last-child::after {
  display: none;
}

.lngs a {
  color:white;

}

.lngs a:hover {
  color:#eee6be;
  text-decoration: none;
}

.current-lang {
  text-decoration: underline !important;

}

/*gallery*/
.gallerymain {
  padding-bottom:10%;
}

.galltitle {
  color: black;
  text-align: center;
  font-size: 65px;
  padding-top: 30px;
  padding-bottom: 30px;
}

hr {
  background-color: white;

}

.fancybox-is-open .fancybox-bg {
  opacity: .90 !important;
  background-color: black !important;
}

.gallimage {
  transition: .2s ease-in-out;
}



.gallimage:hover {
      -webkit-filter: brightness(60%);
  	-moz-filter: brightness(60%);
  	-o-filter: brightness(60%);
  	-ms-filter: brightness(60%);
  transition: .6s ease-in-out;
  cursor: pointer;
}


/*utility classes*/
.pad0 {
  padding: 0px;
}

.wid100 {
  width: 100%;
}

.marg0 {
  margin:0px;
}

.bgsize-cover {
  background-size: cover;
}

.pad-top50px {
  padding-top:50px;
}

.pad-bottom15px {
  padding-bottom:15px;
}

.color-white {
  color:white !important;
}

.txt-align-rgt {
  text-align: right;
}

.pad-top5pr {
  padding-top:5%;
}

/*workshop, history and other basic-template pages*/
main {
  animation: 1s fadeIn;
  animation-fill-mode: forwards;

  visibility: hidden;
}


.title {
  color:white !important;
  margin-top: 25%;

  padding-bottom: 25px;
  text-shadow:
  0 5px 10px rgba(0,0,0,.25),
  0 10px 10px rgba(0,0,0,.2),
  0 20px 20px rgba(0,0,0,.15);
  font-size: 67px;
}

.container-fluid {
  padding: 0px;
}

.basicmain {
  padding-bottom:5%;
}

.main404 {
  padding-bottom:20%;
}

 .title404 {
  text-align:center;
  position:relative;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.contact-list {
  text-decoration: none !important;
  list-style-type: none;
  padding: 0px;
  padding-top: 50px;
  font-family: RalewayLight;
  font-size: 18px;
}

/*fonts*/
@font-face {
    font-family: RalewayLight;
    src: url(../fonts/raleway/Raleway-Light.ttf);
}

h1,h2,h3,h4,h5,h6,p,a,li {
  font-family: RalewayLight;
}


/*contact-page*/
.contactmain {
  padding-bottom:5%;
}

.contact-title {
  padding-top:30px;
  font-size:67px;
  text-align: center;
  padding-bottom: 50px;
}

.contact-container {
  width: 50%;
}


button[name=contact_submit] {
  float:right;
  background-color: #E9CC2B;
  border: none;
  cursor: pointer;
}





.InputfieldHeader {
  margin: 0px;
}



input[name=sender] {


  height: 40px;
}

input[name=email] {


  height: 40px;
}

textarea[name=message] {


}


input[name=sender]:focus {outline:0;}
input[name=email]:focus {outline:0;}
textarea[name=message]:focus {outline:0;}



/*workshop and history-pages*/
.content-simple > h1,h2,h3,h4,h5,h6 {
  font-size: 30px;
}

.content-simple > p {
  font-size: 18px;
}

.content-simple-container {
  width:50%;
}

.image-background {
  width:100%;
  background-size: cover !important;
  word-wrap: break-word;
}



/*other classes and elements*/
.center {
  display:flex;justify-content:center;align-items:center;
}

a {
  color:#ba9e10 ;
}

a:hover {
  text-decoration: none;
  color: #6f5e06;
}



.two-text-container {

  padding-top:40px;

}

.two-text-content > p {
  font-size: 18px;
}



.two-text-content > h1,h2,h3,h4,h5,h6 {
  font-size: 30px;
}



.content-simple-text-left > p {
  font-size: 18px;
}

.content-simple-text-right > p {
  font-size: 18px;
}



/*all reponsive breakpoints*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

.two-text-content {
  padding-bottom: 30px;
}

.contact-title {
  padding-top:30px;
  padding-bottom: 0px;
}


.logo {
  width: 100%;
  max-width: 12rem;
}



.main {
  height: 75%;
}

.contact-title {
  font-size: 40px;
}

.contact-container {
  width: 90%;
}

.workshop-button {

  font-size: 15px;


}


.galltitle {
  font-size: 35px;
}

.title {
  font-size: 35px;
}

.home-title {
  font-size: 30px;
}



}

/* Smartphones */

@media only screen and (min-width : 500px) {

  .home-title {
    font-size: 40px;
  }

  .prev {
      padding-bottom: 60px;
  }
}
@media only screen and (min-width : 600px) {
/* Styles */

.contact-break {
  display: block;
}

}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

.content-simple-text-left > p {
  font-size: 16px;
}

.content-simple-text-right > p {
  font-size: 16px;
}

.main {
  height: 88%;
}


}







/*Ipad Pro*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {


  .content-simple-text-left > p {
    font-size: 20px;
  }

  .content-simple-text-right > p {
    font-size: 20px;
  }

}


/* Desktops and laptops ----------- */

@media only screen  and (min-width : 300px) {

  .cont {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.two-text-content  {
  padding-bottom: 40px;
}

.content-simple-container {
  width: 100%;
}

.content-simple-text-left {
  padding: 0px;
  padding-top: 15px;
}

.content-simple-text-right {
  padding: 0px;
  padding-top: 15px;
}
}


@media only screen  and (min-width : 800px) {

.cont {
  padding-top: 20px;
  padding-bottom: 20px;
}



.content-simple-container {
  width: 100%;
}
.content-simple-text-left {
  padding-top:60px;
  padding-left:10px;
}

.content-simple-text-right {
  padding-top:60px;

}

.content-simple-text-right > p {
  padding-right:40px;

}



}


@media only screen  and (min-width : 992px) {
  .nav-link {

    font-size: 18px !important;
  }

  .navbar-nav {
    margin-left: 1%;
    padding-left:120px;
  }

}

@media only screen  and (min-width : 1200px) {


  .two-text-content  {
    padding-bottom: 0px;
  }

  .main {
    height: 82.4%;
    margin: 0;
  }


  .title {
    padding-left: 8%;
  }

  .contact-break {
    display: none;
  }



.contact-info {
  padding-left:30px;
}

  .home-title {
    font-size: 60px;


  }




}



@media only screen  and (min-width : 1210px) {

  .content-simple-container {
    width: 73%;
  }

  .two-text-container {
    width: 75.5%;
  }

}

@media only screen  and (min-width : 1224px) {
/* Styles */

.navbar {
  height: 130px;
}

.nav-link {
  padding-left: 30px !important;
  font-size: 18px !important;
}

.navbar-nav {
  margin-left: 1%;
  padding-left:100px;
}





}



@media only screen  and (min-width : 1439px) {
  .content-simple-container {
    width: 65%;
  }

  .two-text-container {
    width:66.5%;
  }
}

@media only screen  and (min-width : 1300px) {
  .navbar {
    height: 130px;
  }

}

/* Large screens ----------- */
@media only screen  and (min-width : 1800px) {
/* Styles */






.two-text-container {
  width:50%;
}


.content-simple-container {
  width: 48.5%;
}



.carousel-item {
  width: 800px;
  height: 800px;
}

.navbar {
  height: 150px;
}

.nav-link {
  padding-left: 40px !important;
  font-size: 18px !important;
}

.cont {
  margin-left: 23%;


}

}

/*Imacs*/
@media only screen  and (min-width : 2000px) {

  .two-text-container {
    width: 44.3%;
  }


  .two-text-content > p {
    padding-right: 90px;
  }


  .two-text-content > h1,h2,h3,h4,h5,h6 {
    padding-right: 90px;
  }


  .content-simple-container {
    width: 43.2%;
  }

  .content-simple-text-left > p {
    padding-right:70px;
  }


  .content-simple-text-right {
    padding-left: 60px;
    padding-top: 70px;
  }

  .content-simple-text-left {
    padding-left: 20px;
    padding-top: 70px;
  }

  .content-simple-text-right > p {
    padding-right:80px;

  }

  .main {
    height: 87.5%;
    margin: 0;
  }


  .title {
    padding-left: 0%;
  }

  .contactmain {
    padding-bottom:17%;
  }


  .navbar-nav {
    margin-left: 0%;
    padding-left: 9%;
    position: absolute;
  }

  .cont {
    margin-left: 27%;



  }




.gimg {
  visibility: hidden;
  height: 100%;
  width: 100%;
}

.image-link {
  display:inline-block;
    width:100%;
    height:100%;


}

.imagecol {
  height: 700px;
}

}