/*  Author:   Martin Stettler (https://www.dieweberei.ch/)
    Version:  05/04/2021 // based on Bootstrap v5.0.1
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

/* ==========================================================================
   BRAND NAME
   ========================================================================== */
.navbar-brand {
   padding-left: 20px;
}

.logo-img {
    width: 170px;
    height: 85px;
}

.logo-title {
    width: 173px;
    height: 36px;
    margin-left: 4px;
}
/* ==========================================================================
   NAVIGATION from 576px
   ========================================================================== */
body {
    padding-top: 0; 
}
/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main,
.footer {
    padding-left: 20px;
    padding-right: 20px; }

section {
    padding-top:  60px;
    padding-bottom: 60px;
}

.img-container:nth-last-child(2),
.fb-image-container:nth-last-child(2),
.img-container:nth-last-child(3),
.fb-image-container:nth-last-child(3) {
    margin-bottom: 0;
}
/* ==========================================================================
   FORM
   ========================================================================== */

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

.service-links {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.facebook span{
    display: inline-block;
    position: absolute;
    top:  0;
    right: 8px;
    width: 42px;
    height: 42px;
    background: url(../img/facebook-brown.svg) no-repeat;
}