html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    max-width:100vw;
    overflow-x:hidden;
    font-family: 'Quicksand', sans-serif;
    background: #e9edef;
}

input:focus,
input:focus-visible {
    outline:0;
}

a:hover,
a {
    text-decoration:none;
}

#menu {
    position:fixed;
    z-index:999;
    width: 100%;
}

#menu.scrolling {
    background: #f7f4f1f0;
    box-shadow: 0 3px 7px -6px #0000008f;
}

#logo {
    position: absolute !important;
    display: flex;
    overflow: hidden;
    margin: 13px 0 0 14px;
    pointer-events: all;
}

#logo img {
    max-width: 186px;
    transition: max-width .23s ease;
    display: inline-block;
}

#menu.scrolling #logo img {
    max-width: 162px;
}

#logo p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 800;
    align-self: center;
    margin: 0;
    font-size: 15px;
    letter-spacing: 6px;
    margin-left: 3px;
    color: #a39a8e;
    text-shadow: -1px -.5px #fff;
}

#logo p span {
    display:none;
}

#navigation {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 320px);
    transform:translateY(-100%);
    opacity:0;
    pointer-events:none;
    transition:all .25s ease;
    margin: 0 auto !important;
    max-width: 870px;
    position: relative;
}

#navigation.scrolling {
    transform:translateY(0);
    opacity:1;
    pointer-events:all;
}

#navigation h3 a {
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-weight: 450;
    color: #df480c;
}

#socialLinks {
    width: 210px;
    position: absolute;
    right: 0;
    top: 16px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: end;
    margin-right: 20px;
}

#socialLinks img {
    width: 31px;
    display: inline-block;
    margin: 0 10px;
    filter: drop-shadow(0 0 2px #fff);
    border: 5px solid #2d6079;
    border-radius: 50%;
    background: #2d6079;
    transition: all .23s ease;
}

#menu.scrolling #socialLinks {
    top: 15px;
    gap: 3px;
}

#menu.scrolling #socialLinks img {
    width: 23px;
}

.top-cont {
    background: #e9edef;
}

.parallax-container {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 0;
}

.parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    will-change: transform;
    pointer-events: none;
}

.text-layer {
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #df480c;
    font-size: 25px;
    font-weight: 300;
    pointer-events: none;
    font-family: 'Quicksand', sans-serif;
}

.text-layer h2 {
    font-weight:300;
    max-width: 1070px;
    margin: 0 auto 30px;
    font-size: 57px;
    text-shadow: 0 0 9px #f7f5f1;
}

.text-layer p {
    font-size: 18px;
    margin-top: 12px;
    color: #717d80;
}

.text-layer p span {
    background: #f7f5f287;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px #f7f6f2ed;
    padding: 1px 13px;
}

.button-layer {
    margin-top: 390px;
    pointer-events:all;
}

.button-layer p {
    margin-top: 190px;
}

.button-layer .button {
    font-size: 21px;
    display: inline-block;
    background: #2d6079;
    padding: 5px 17px 9px 16px;
    border-radius: 22px;
    text-decoration:none;
    box-shadow: 0 10px 13px -12px #000;
    transition: all .2s ease;
}
.button-layer .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 15px 16px -16px #000;
}

.button-layer .button:last-child {
    margin-left:40px;
    background: #df480c;
}

.button-layer .button a {
    color:#fff;
    text-decoration:none;
}

.page-content {
    position: relative;
    z-index: 1;
    padding: 2rem;
}

.bird {
  position: absolute;
  width: 60px;
  top: 7vw;
  left: -100px;
  transform-origin: center center;
  animation: flyRight 13s linear .9s infinite;
}

@keyframes flyRight {
    0% {
        transform: translate(0, 0) scale(1) scaleX(1);
        opacity: 0.7;
    }
    20% {
        transform: translate(83vw, 110px) scale(0.95) scaleX(1);
        opacity: 0.46;
    }
    30% {
        transform: translate(120vw, 80px) scale(0.85) scaleX(1);
        opacity: 0.7;
    }
    40% {
        opacity: 0; /* fade while offscreen */
    }
    50% {
        transform: translate(120vw, 80px) scale(0.85) scaleX(-1);
        opacity: 0.7;
    }
    80% {
        transform: translate(0vw, 220px) scale(1.1) scaleX(-1);
        opacity: 0.56;
    }
    100% {
        transform: translate(0vw, 220px) scale(1.1) scaleX(1);
        opacity: 0.7;
    }
}

.beaver-wrapper {
    position: absolute;
    width: 221px;
    height: 180px;
    overflow-y: hidden;
    top: -50px;
    right: 31vw;
    transition: transform 0.2s ease;
    will-change: transform;
}

.beaver {
    position: absolute;
    bottom: -190px;
}

.beaver img {
    width: 100%;
    opacity:0.8;
}

#hosting {
    transform:translateY(-100px);
}

#hostingMat {
    margin-top:190px;
}

#hostTitle,
.descrip {
    width: 810px;
    text-align: center;
    margin: 0 0 14px 11%;
    font-family: 'Quicksand', sans-serif;
    font-size: 29px;
    color: #df480c;
}

.descrip {
    font-size: 22px;
    color: #2d6079;
    margin: 0 0 50px 11%;
}

.tiersBox {
    position:relative;
    display: block;
    margin-left: 7.5%;
    max-width: 870px;
}

.tiersBox:before,
.tiersBox:after {
    content: 'Give your idea a home.';
    position: absolute;
    top:170px;
    width: calc(93vw - 990px);
    right: calc(-93vw + 907px);
    text-align: center;
    font-size: 33px;
    padding: 0 40px;
    color: #df480c;
    font-weight: 600;
}

.tiersBox:after {
    content: 'From single sites to full-scale deployments, SiteLodge has tools and flexibility to build something impactful.';
    top:300px;
    font-size: 21px;
}

.box {
    position: relative;
    display: inline-block;
    width: calc(32% - 20px);
    margin: 0 14px;
    background: #fffbf8;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 9px;
}

.box:before {
    content:' ';
    position:absolute;
    left: 9px;
    right: -8px;
    top: 11px;
    bottom: -11px;
    border-radius: 9px;
    z-index:-1;
    opacity: 0.7;
    --s: 17px;
    --c1: #dadfdc;
    --c2: #449ba3;
    --_s: 37.5% 12.5% at 62.5%;
    --_g: 34% 99%,#0000 101%;
    --g1: radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));
    --g2: radial-gradient(var(--_s) 0 ,#0000 32%,var(--c1) var(--_g));
    --g3: radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));
    --g4: radial-gradient(var(--_s) 0 ,#0000 32%,var(--c2) var(--_g));
    background: var(--g1), var(--g2) 0 calc(3*var(--s)), var(--g3) var(--s) calc(3*var(--s)), var(--g4) var(--s) calc(6*var(--s)), var(--g1) calc(2*var(--s)) calc(6*var(--s)), var(--g2) calc(2*var(--s)) calc(9*var(--s)), var(--g3) calc(3*var(--s)) calc(9*var(--s)), var(--g4) calc(3*var(--s)) 0, repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);
    background-size: calc(4*var(--s)) calc(12*var(--s));
    border: .8px solid #dbe3ec;
    box-shadow: -6px 0px 20px -6px #000000e5;
}

.priceBox {
    border: 1px solid #2d6079;
    border-radius: 10px;
    transition: all .3s ease;
}

.pBoxHead {
    background: #ffc75c;
    padding:1px 14px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    text-transform: lowercase;
    letter-spacing: 1.5px;
    color: #2d6079;;
    background-image: repeating-radial-gradient( circle at 0 8px, #ffcc6e 0, #ffda98 9px ), repeating-linear-gradient( #ffc75ca1, #ffd15c );
}

.pBoxP {
    padding:0 17px;
    font-family: 'Quicksand', sans-serif;
    text-align: left;
    font-size: 15px;
    height: 265px;
}

.pBoxP p {
    border-bottom: .5px solid #df480c4a;
    padding-bottom: 6px;
    margin-bottom: -9px;
}
.pBoxP p:nth-last-child(2),
.pBoxP p:nth-child(5) {
    border-bottom: 0px solid #df480c4a;
}

.priceBox.expanded .pBoxP p:nth-child(5) {
    border-bottom: .5px solid #df480c4a;
}

.expanded {
    height: auto !important;
}

.planCtaWrap {
    display: flex;
    margin: 18px;
}

.planCtaWrap a {
    color: #f7f3eb;
    background: #df480c;
    text-align: center;
    padding: 3px 16px 5px;
    border-radius: 30px;
    margin: 0 auto;
    text-decoration: none;
    transition:all .2s ease;
    box-shadow: 0 7px 10px -9px #000;
}
.planCtaWrap a {
    transform:translate(0,-1px);
    box-shadow: 0 12px 13px -13px #000;
}

.boxPriceSub {
    position:absolute;
    bottom:105px;
    width: 100%;
    text-align: center;
    transition:.3s ease;
}

#month1-mo,
#month12-mo,
#month36-mo,
#month1-yr,
#month12-yr,
#month36-yr,
#month1-tri,
#month12-tri,
#month36-tri {
    opacity:0;
    pointer-events:none;
}

#month1-mo.selected,
#month12-mo.selected,
#month36-mo.selected,
#month1-yr.selected,
#month12-yr.selected,
#month36-yr.selected,
#month1-tri.selected,
#month12-tri.selected,
#month36-tri.selected {
    opacity:1;
    pointer-events:all;
}

.boxOpt {
    display: inline-block;
    width: calc(33.33% - .33px);
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    background: #e8ebee91;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    font-size: 14px;
    border-top: .5px solid #c6c6c6;
}

#mth12mo-op,
#mth12yr-op,
#mth12tri-op {
    border-left: .5px solid #d1d3df;
    border-right: .5px solid #d2d0d0;
}

.boxOpt p {
    font-weight: 600;
    color: #737272;
}

.currentPrice p {
    font-weight: 800;
    color: #449ba4;
    font-size: 35px;
    margin: 0;
    letter-spacing: 2px;
}

.switchP p {
    font-size: 14px;
    font-weight: 500;
    margin: 21px 0 1px 0;
    color: #2d6079;
}

.subP p {
    font-size: 14px;
    font-style: italic;
    letter-spacing: .3px;
    font-weight: 400;
    margin-top: 3px;
    opacity: .6;
}

.oldPrice p {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
    color: #879091;
    position: relative;
    width: 100%;
}

.oldPrice p span {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.oldPrice p span:after {
    content:' ';
    width: 90%;
    height: 3.6px;
    display: block;
    background: #df480c96;
    margin-top: -12px;
    transform: rotate(-16deg);
    margin-left: 5%;
}

.pFootChoose {
    font-size: 0px;
    background: #d1d7d2;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

#mth1mo-op.selected,
#mth12mo-op.selected,
#mth36mo-op.selected,
#mth1yr-op.selected,
#mth12yr-op.selected,
#mth36yr-op.selected,
#mth1tri-op.selected,
#mth12tri-op.selected,
#mth36tri-op.selected {
    background: #ffda98;
}

#mth1mo-op.selected p,
#mth12mo-op.selected p,
#mth36mo-op.selected p,
#mth1yr-op.selected p,
#mth12yr-op.selected p,
#mth36yr-op.selected p,
#mth1tri-op.selected p,
#mth12tri-op.selected p,
#mth36tri-op.selected p {
    color: #167680;
    font-size: 16px;
    margin: 12.5px;;
}

.footBord {
    margin-bottom: 157px;
    width: 90%;
    margin-left: 5%;
    height: 1px;
    background: #00000026;
}

.extraShow {
    display:none;
}

.seeMore,
.seeLess {
    width: 121px;
    text-align: center;
    margin: 21px auto 16px !important;
    background: #2d6079;
    color: #fff;
    height: 24px;
    line-height: 24px;
    outline: 1px solid #3783b0;
    border-radius: 2px;
    cursor: pointer;
    opacity: .8;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 3px !important;
    border-bottom: 0px !important;
}

.fishTurning {
    width: 300px;
    position: absolute;
    height: 80px;
    overflow: hidden;
    right: 10%;
}

.mid {
    transform: scale(-0.7, 0.7);
    right: unset;
    left: 20%;
    margin-top: 0;
    opacity:0;
}

.back {
    transform: scale(0.5);
    right: 21%;
    margin-top: 0;
    opacity:0;
}

.fishTurning img {
    width: 33%;
    opacity: .6;
    transform: translate(76%, 150%) rotate(40deg);
    animation: fishesTurn 8s linear infinite;
}

.mid img {
    animation: fishesTurnFlip 8s linear .5s infinite;
}

.back img {
    animation: fishesTurn 8s linear 1s infinite;
}

@keyframes fishesTurn {
    0% {
        transform: translate(200%, 260%) rotate(40deg);
    }
    
    5% {
        transform: translate(95%, 30%) rotate(0deg);
    }
    
    10% {
        transform: translate(-10%, 260%) rotate(-40deg);
    }
    
    100% {
        transform: translate(-10%, 260%) rotate(-40deg);
    }
}

@keyframes fishesTurnFlip {
    0% {
        transform: translate(200%, 260%) rotate(40deg) scaleX(-1);
    }
    
    5% {
        transform: translate(95%, 30%) rotate(0deg) scaleX(-1);
    }
    
    10% {
        transform: translate(-10%, 260%) rotate(-40deg) scaleX(-1);
    }
    
    100% {
        transform: translate(-10%, 260%) rotate(-40deg) scaleX(-1);
    }
}

/* =========================
   NEW INFO SECTIONS
   ========================= */

.infoSection {
    position: relative;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 110px 40px 30px;
    box-sizing: border-box;
}

.sectionAnchor {
    position: absolute;
    top: -120px;
    left: 0;
    width: 1px;
    height: 1px;
}

.sectionHead {
    max-width: 760px;
    margin: 0 0 34px 0;
}

#howItWorks .sectionHead {
    margin: 0 0 64px 0;
}

.sectionHead h2 {
    margin: 0 0 10px 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 34px;
    font-weight: 600;
    color: #2d6079;
    letter-spacing: .3px;
}

.sectionHead p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: #6f7b7e;
}

/* grids */
.infoGrid {
    display: grid;
    gap: 22px;
    width: 100%;
}

.infoGrid.threeUp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.infoGrid.twoUp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* general cards */
.infoCard,
.faqItem,
.contactBlock {
    background: #fffbf8;
    border-radius: 14px;
    padding: 24px 24px 22px;
    box-sizing: border-box;
    box-shadow: 0 9px 24px -16px #00000085;
    border: 1px solid #dce3e6;
    position: relative;
}

.infoCard:before,
.faqItem:before,
.contactBlock:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px #ffffff8f;
}

.infoCard h3,
.faqItem h3,
.contactBlock h3,
.splitCol h3 {
    margin: 0 0 10px 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #df480c;
}

.infoCard p,
.faqItem p,
.contactBlock p,
.splitCol p,
.splitCol li {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: #637073;
}

.infoCard p + p,
.faqItem p + p,
.splitCol p + p {
    margin-top: 12px;
}

.infoNo {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #2d6079;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    box-shadow: 0 6px 16px -10px #000;
}

.infoNo p {
    margin: 0;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

/* split section */
.splitSection {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 28px;
    align-items: start;
}

.splitCol {
    min-width: 0;
}

.splitCol ul {
    margin: 14px 0 0;
    padding-left: 18px;
}

.splitCol li + li {
    margin-top: 8px;
}

/* faq */
.faqWrap {
    display: grid;
    gap: 18px;
}

.faqItem h3 {
    font-size: 20px;
    color: #2d6079;
}

.faqItem p {
    margin-top: 8px;
}

.faqCtaHolder {
    position:relative;
    width: 100vw;
    margin-left: -2em;
}

.finalCtaBg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url('/images/siteLodge-beaver-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.fCtaBgCover {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(#e9edef, #dce7e9d6);
    backdrop-filter: blur(3px);
}

/* cta */
.finalCtaSection {
    padding-bottom: 120px;
}

.ctaRow {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.bigCta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 28px;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    background: #df480c;
    color: #fff;
    box-shadow: 0 10px 22px -16px #000;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.bigCta:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px -18px #000;
}

.secondaryCta {
    background: #2d6079;
}

/* contact */
.contactWrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.conLinksBlock a {
    color: #df480c;
}

.contactBlock .breaker {
    width: 80%;
    height: 1px;
    background: #2d607963;
    margin: 20px 0 15px 10%;
}

/* subtle section separation */
#howItWorks,
#whatWeHelpWith,
#nonprofitPromise,
#whoItsFor,
#faq,
#finalCta,
#contact {
    position: relative;
}

#howItWorks:before,
#whatWeHelpWith:before,
#nonprofitPromise:before,
#whoItsFor:before,
#faq:before,
#finalCta:before,
#contact:before {
    content: '';
    position: absolute;
    top: 38px;
    left: 40px;
    right: 40px;
    height: 1px;
    background: linear-gradient(to right, transparent, #cfd7db, transparent);
    opacity: .65;
}

#whoItsFor:before
    top: 8px;
}

/* keep it stable on medium screens */
@media (max-width: 980px) {
    .infoGrid.threeUp,
    .infoGrid.twoUp,
    .contactWrap,
    .splitSection {
        grid-template-columns: 1fr;
    }

    .infoSection {
        padding: 90px 24px 18px;
    }

    #howItWorks:before,
    #whatWeHelpWith:before,
    #nonprofitPromise:before,
    #whoItsFor:before,
    #faq:before,
    #finalCta:before,
    #contact:before {
        left: 24px;
        right: 24px;
    }
}

#contact,
#clients{
    background:url('images/fabric-common-snipe-footer-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    padding: 0;
    max-width: 100%;
    min-height: 600px;
    margin-top: 750px;
}

#clients {
    min-height: 750px;
    padding: 110px 40px 20px;
    margin-top:0;
    background:#fff;
    box-shadow: inset 0 21px 24px -30px #122630c9;
}

.longDivHolder {
    background: url('/images/layer7.png');
    background-size: cover;
    width: 100vw;
    margin-left: -30px;
    background-position: center 118px;
    background-repeat: no-repeat;
}

.longDivHolder-inner {
    
}

.nonPromiseHolder {
    position: relative;
    width: 100vw;
    margin-left: -30px;
    background: url('/images/layer7.png');
    background-size: cover;
    background-position: bottom;
    padding: 0 0 80px 0;
}

.nonPromiseHolder .fishes {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.nonPromiseHolder .fishTurning {
    right: 20px;
    bottom: 70px;
}

.nonPromiseHolder .mid {
    left: unset;
    right: 30px;
    bottom: 280px;
    opacity:1;
}

.nonPromiseHolder .back {
    opacity: 1;
    bottom: unset;
    top: 30px;
    right: 150px;
}

.nonPromiseInner {
    padding-right: 190px;
}

.clientsInner {
    width: 100%;
    max-width: 1220px;
    margin:0 auto;
}

.contInt {
    background: #c0b0a947;
    background: #b7c3e961;
    background: #dfe1f0a3;
    width: 100%;
    padding: 110px 40px 20px;
    min-height: 600px;
    backdrop-filter: blur(2px);
    box-sizing: border-box;
}

.mapMat {
    width: 100%;
    height: 210px;
    background: url('/images/portland-map-close.jpg');
    background-size: 200%;
    background-position: 24% 63%;
    margin: 10px 0;
}

.contHolder {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;  
}

.cFooter {
    margin: 80px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerLinks {
    width: 500px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.footerLinks a {
    text-decoration: none;
    color: #2d6079;
    font-size: 20px;
    font-weight: 700;
}

.footerRight {
    display: flex;
    gap: 25px;
    width: 500px;
    align-items: baseline;
    justify-content: end;
}

.footerImg {
    width: 134px;
}

.footerImg img {
    width: 100px;
    margin: 0 0 -7px 5px;
    filter: drop-shadow(0 0 10px #ceaf9c);
}

.btnHold {
    display: flex;
    gap: 13px;
    flex-wrap: nowrap;
    padding-right: 10px;
    margin:10px 0 0 0;
    justify-content: space-between;
}

.btnHold a {
    background: #df480c;
    color: #fff;
    display: flex;
    align-items: anchor-center;
    border-radius: 30px;
    padding: 3px 13px 3px 9px;
    gap: 4px;
    font-size: 16px;
    box-shadow: 0px 7px 15px -11px #000;
    font-weight: 600;
    transition: all .2s ease;
}
.btnHold a:hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 17px -13px #000;
} 

.btnHold i {
    margin-right:3px;
}

.btnHold img {
    width:20px;
}

.mapBlock h3 {
    margin: 0 0 2px 0;
}

#contactMessage {
    margin: 20px 0 0 0;
    padding: 0 20px 0 0;
}

#contactMessage input {
    margin: 0 0 20px 0;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #2d6079b2;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
}

.contactBlock .ctaRow {
    margin-top:16px;
}

.clientsMat {
    padding: 0 40px;
}

.clientRow {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 50px;
    margin: 60px 0;
}

.clientImg {
    width: 10%;
    display: flex;
    max-height: 75px;
}

.clientImg img {
    width: 100%;
    display: flex;
    justify-content: center;
    object-fit: contain;
    filter: grayscale(.3);
    opacity: .9;
}

.fakeLogo {
    text-align: center;
}

.athenasLogo p {
    font-family: 'Merriweather', serif;
    font-weight: 600;
}

.seafreeLogo p {
    font-family: 'Trebuchet', sans-serif;
    font-weight: 600;
    font-size: 20px;
}