/* Author:   Martin Stettler (https://dieweberei.ch/)
   Version:  07/05/2021 // based on BS v5.0
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.orange-cloud h2, 
.green-cloud h2{
   font-size: 25px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
header {
   overflow: hidden;
}

.fullsize-image img {
    margin-bottom: 0;
}


.orange-cloud {
   position: absolute;
   top:  25px;
   right: -25px;
   padding-left: 40px;
   padding-right: 45px;
   padding-top: 0;
   margin-top: 0;
}

.orange-cloud {
   font-size: 20px;
   top:  25px;
   height: 291px;
   width: 400px;
   padding-right: 55px;
}

.orange-cloud .cloud-info {
   margin-top: 85px
}


/* ==========================================================================
   NAVIGATION from 768px
   ========================================================================== */
body {
    padding-top: 280px;
}

/* Bootstrap CSS */
.navbar {
  height: 250px;
}

.navbar.shrink {
    top: 0;
}

.navbar-toggler {
    position: fixed;
}

.navbar-brand {
    margin:  20px 16px 25px 40px;
}

.navbar-brand span{
    height: 117px;
    width: 300px;
}

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

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main {
    padding-bottom: 80px; 
}

.unit {
    margin-top: 80px; /* 5vw */
}

.fb-image-container:nth-last-of-type(2) {
    margin-bottom: 0;
}

.green-cloud {
    height: 306px;
    width: 420px;
    padding-top: 60px;
}

.map-container .green-cloud {
    height: 327px;
    width: 450px;
}

@media (min-width: 768px) {
   .green-cloud {
       margin-bottom: 0;
   }

.icon-smiley span {
    height: 81px;
    width: 81px;
}
/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer {
    padding-top:  140px;
}

.footer {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .footer {
        padding-top: 0;
    }
}

.logo-kibesuisse span {
    margin-top: 0;
}