/* CSS */
body {
    background: url(/images/bg.jpg) repeat;
    font-family: FontAwesome, sans-serif;
    }
.navbar-collapse {
    max-width: 100%;
    padding-left: 9em;
      
    }
    .container-xl {
        margin: 0 auto; 
     }
    .navbar-expand-lg {
        padding-top: 0px;
    }
   .bg-light {
        background: transparent !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link :focus  
    {color: #ffffff;
    background-color: #afe1dc;
    }
    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
       color:  #41677a !important;
       font-weight: bold;
    }
    .navbar-nav{
        --bs-nav-link-color:  #006874;
        font-family: FontAwesome, sans-serif;
    }
    .navbar-nav :hover {
        color: #ffffff;
        background-color: #afe1dc;
    }
section {
    margin: 0px 0px 10px;
    padding: 0vw 10vw 3vw;
    width: 100%;
        }
    .pallete { 
padding: 10px;
text-align: center !important;
position: relative;
    }
    .pallete21 {
        text-align: center !important;
        max-width: 400px;
        margin: 0 auto; 
        padding: 25px 0;
       
    }
    .pallete3  {
        background-color: #ffffff;
    }

.text-align-center {
    text-align: center;
}

/*@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85%;
}
}*/
.boxShadow {
   /* max-width: 85%;*/
     box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
   /*position: relative;*/
   }
   .boxShadow2 {
      box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
   width: 100%;
   }
h1 {
    text-align: center;
    padding-top: 2vw;
}
h2 {
    font-family: "Allura", sans-serif;
    font-size: 1.875rem;
    line-height: 1.125;
}
.img-creation-left {
     float: left; 
     vertical-align: middle; 
     padding-right: 15px;
   }
.img-creation-right {
    vertical-align: middle; 
    float: right;
    padding-left: 15px;
}
.creation {
    vertical-align: middle; 
    margin-top: 20px;
    display: inline-block;
    padding: 0vw 3vw 1vw;
}
.contacts {
    margin: 20px;
    padding: 0vw 3vw 1vw;
    float: left;
}
.grid {
    display: flex;
}
.g-col-8 {
    text-align: center;
    max-width: 100%;
}
.notepad {
    text-align: left;
}
.text-contact {
    text-align: center;
     margin: 0 auto;
    padding: 45px 15px 15px 15px;
    vertical-align: middle;
   
}
    
.img-contact {
    float: left;
    max-width: 100%;
    padding: 20px;

}
.chzch {
    display:flow-root;
    min-height: max-content;
    vertical-align: middle;
}
.color-green {
    color:#41677a;
}