@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

html {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body * {
    font-family: "Inter Tight", sans-serif;
}

p {
    margin-bottom: 1rem;
}

h2 {
    font-weight: 900;
}

img.scale {
    transition: all 0.5s;
    scale: 1;
}

img.scale:hover {
    scale: 1.02;
}

.bg-grey {
    background-color: #ece3d9;
}

.bg-blue {
    background-color: #3554a2;
}

.bg-black * {
    color: #fff;
}

.border-radius {
    border-radius: 15px;
}

.borders {
    border: solid 1px;
}

.btn--orange {
    background-color: #3554a2;
    color:#fff;
}

.btn--orange:hover {
    background-color: #ece3d9;
    color: #000;
}

.block-header {
    background-color: #ece3d9;
    background-image: url("/media/y3ejvuzg/head_image.png?width=500");
    background-repeat: no-repeat;
    background-position: right 5rem bottom;
    height: 60vh;
}

.block-header > .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.block-header .mb-2 {
    margin-bottom: 0 !important;
}

.header-image {
    display:block;
}

.header-image {
    width: 500px;
}

.header-links {
    display:none;
}

.blocksPerRow {
    display:flex;
    flex-wrap: wrap;
}

.colGap > div {
    padding-right: 30px;
}

.colGap > div:last-child {
    padding-right: 30px !important;
}

.blocksPerRow-1 {
    width: 100%;
}

.blocksPerRow-2 > div {
    width: 50%;
}

.blocksPerRow-3 > div {
    width: 33.3333%;
}

.blocksPerRow-4 > div {
    width: 24%;
}

/*.borderSeparate {
    column-gap: 0;
}*/

.borderSeparate > div {
    padding: 0;
}

.w-Standard {
   margin:auto;
   padding: 4rem;
}

.blockWrapper .center img {
    margin-left: auto;
    margin-right: auto;
}

.blockWrapper > div {
    height: 100%;
    background-repeat: no-repeat;
}

.hover:bg-blue-600 {
    background-color: #3554a2;
}

a.border-2, a.border-2:hover {
    background-color: #3554a2;
    color: #fff;
    border: solid 2px transparent;
}

a.border-2:hover {
    border: solid 2px #000;
}

.penslar-collage > div {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}

.penslar-collage > div:nth-child(2) {
    padding-top: 4rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

    .penslar-collage {
        padding-left: 10%;
        padding-right: 10%;
    }

.penslar-collage > div > img {
    width: auto;
    max-height: 500px;
}

@media (min-width: 640px) {
    .w-Standard {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .w-Standard {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .w-Standard {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .w-Standard {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .w-Standard {
        max-width: 1536px;
    }
    

}

@media (max-width: 640px) {
    .block-header {
        height: 30vh;
        background-size: 130px;
    }
    
    .blocksPerRow {
        display:block;
    }
    
    .blocksPerRow-Mobile {
        display:flex;
    }
    
    .blocksPerRow-3 > div {
        margin-bottom: 0;
    }
    
    .blocksPerRow-Mobile.blocksPerRow-3 > div {
        width: 33.3333%;
    }
    
    .blocksPerRow-2 > div, .blocksPerRow-3 > div {
        width: 100%;
    }
}