body {
  min-height: 75rem;
}

.h4, h4, .h2, h2 {
    font-size: calc(1.275rem + .3vw);
}

a, a:hover {
  text-decoration: none;
  color: #BBB36C;
}

@font-face {
    font-family: ScriptCaption;
    src: url(ArianaVioleta-dz2K.ttf);
}
  
.navbar-brand {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/* Na mobile medzera medzi okrajom a obsahom menu */
@media (max-width: 767px) {
    nav.navbar {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    nav.navbar .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100%;
    }
}

.footer-text {
    color: #FFF;
    text-align: center;
}

.column-title {
    padding-top: 1.5rem;
    color: #000;
    text-align: left;
}

.color2 {
    background-color: #77aaad;
    color: #FFF;
}

.wicked-blue-caption {
  color: #FFF;
  font-size: 3rem;
  text-align: center;
}

.smaller-font {
  font-size: 0.9rem;
}

.stackParent {
  height: 75vh;
  overflow: hidden;
}

.stackParent-menu {
    height: 75vh;
    overflow: hidden;
}

.section {
  position: relative;
}

.border-waves-before, .border-waves-after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 14px;
  color: #FFF;
}

.border-waves-before {
  top: -7px;
  z-index: 20;
}

.border-waves-after {
  bottom: -7px;
  z-index: 21;
}

.border-waves-before svg, .border-waves-after svg {
  display: block;
  width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

.width-adaptive {
        width: 100%;
}

.img-menu {
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.img-fluid-90 {
    max-width: 90%;
    height: auto;
}
.img-fluid-50 {
    max-width: 50%;
    height: auto;
}

#cookie-notice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
} 

#second-row {
  height: 50vh;
  overflow: hidden;
  background-image: url("../images/index-pozadie.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#second-row-realizacie {
  height: 50vh;
  overflow: hidden;
  background-image: url("../images/realizacie-pozadie.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#second-row-contact {
  height: 50vh;
  overflow: hidden;
  background-image: url("../images/kontakt-pozadie.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#third-row {
  position: relative;
}

#fourth-row {
  position: relative;
  height: 50vh;
  overflow: hidden;
  background-image: url("../images/gandg-michael-sabik-head-chef.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#fifth-row {
  position: relative;
}

#oddelovac {
	margin-top: 30px;
}

/*
  X-Small devices (portrait phones, less than 576px)
  No media query for `xs` since this is the default in Bootstrap
*/
      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 20px;
      }
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 50px;
      }

      .img-fluid {
        max-width: 35%;
        height: auto;
      }      

      .nonscript-caption {
        font-size: 2rem;
        color: white;
        text-align: center;
      }

      .stackParent {
        height: 50vh;
        overflow: hidden;
      } 

      .stackParent-menu {
        height: 30vh;
        overflow: hidden;
      }
/*
  Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) { 

      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 5rem;
        line-height: 1.1;
        color: white;
        text-align: center;
        padding-top: 40px;
      } 
      
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 50px;
      }
      
      .img-fluid {
        max-width: 35%;
        height: auto;
      }
}

/*
 Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) { 

      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.1;
        color: white;
        text-align: center;
        padding-top: 20px;
      } 
      
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 60px;
      }
      
      .img-fluid {
        max-width: 50%;
        height: auto;
      }
}

/*
 Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.0;
        color: white;
        text-align: center;
        padding-top: 20px;
      }
      
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 70px;
      }
      
      .img-fluid {
        max-width: 40%;
        height: auto;
      }
}

/*
  X-Large devices (large desktops, 1200px and up) 
*/
@media (min-width: 1200px) { 

      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 6.5rem;
        line-height: 1.0;
        color: white;
        text-align: center;
        padding-top: 20px;
      }
      
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 6rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 80px;
      }
      
      .nonscript-caption {
        font-size: 3rem;
      }
      
      .img-fluid {
        max-width: 45%;
        height: auto;
      }
      
      #second-row, #second-row-contact, #second-row-realizacie, #fourth-row {
        height: 55vh;
      }
      
}

/*
  XX-Large devices (larger desktops, 1400px and up) 
*/
@media (min-width: 1400px) { 
      
      .script-caption {
        font-family: 'Tangerine', serif;
        font-size: 7rem;
        color: white;
        text-align: center;
        padding-top: 20px;
      }
      
      .h1, h1 {
        font-family: 'Tangerine', serif;
        font-size: 5.5rem;
        line-height: 1.2;
        color: white;
        text-align: center;
        padding-top: 90px;
      }
      
      .nonscript-caption {
        font-size: 3rem;
        color: white;
        text-align: center;
      }
      
      .img-fluid {
        max-width: 45%;
        height: auto;
      }
      
      #second-row,  #second-row-contact, #second-row-realizacie, #fourth-row {
        height: 60vh;
      }
}

/* Video v realizáciách – na mobile plná šírka, na PC rovnako veľké ako miniatúry v galérii (300px) */
.realizace-video-wrap {
  max-width: 100%;
}
.realizace-video {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  .realizace-video {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}