/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  22/11/2019 // BS v4.3.1
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.main .text-center ul  {
    padding-left: 25%;
}
/* ==========================================================================
   HEADER
   ========================================================================== */
.navbar-brand {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-brand .logo-img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

@media (min-width: 1440px) {
    
  .layout-content .claim {
    top: 20%;
    left: 60%;
    width: 35%;
    padding-left: 30px;
    padding-right: 30px;
  }

}


/* ==========================================================================
   NAVIGATION from 992px
   ========================================================================== */

.navbar {
  padding: 10px;
}

.navbar .logo-circle .logo-img-small {
  position: absolute;
  display: inline-block;
  background-image: url(../img/mandala.svg);
  background-repeat: no-repeat;
  width: 51px;
  height: 51px;
  top: -500px;
  left: 30px;
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.stuck .navbar .logo-circle .logo-img-small {
  top: 6px;
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-toggler {
    display: none;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top-custom {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sticky-top-custom {
    position: sticky;
    transition: all 0.5s ease-in;
}

.stuck .sticky-top-custom {
    border-bottom: 3px solid #008000;
}

.navbar-nav .nav-link {
    margin-bottom: 10px;
}

.stuck .navbar-nav .nav-link {
    margin-top: 8px;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
       margin-right: 30px;
        margin-left: 30px;
    }
}


/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main,
.footer {
    max-width: 1440px;
}

#map {
    height: 450px; 
    width: 90%;
  }

.col-12.text-center img {
  max-width: 80%;
}
/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */
   #return-to-top {
    bottom: 45px;
  }