@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap');

section.header  {background:black;}
section.intro   {background:#193669;}
section.contact {background:#191919;}
section.footer  {background:black;}

img {
    width:100%;
    height:auto;
}

section.header .inside {
    max-width:1740px;
    margin:auto;
    padding:30px 0px;
    display:grid;
    grid-template-columns: 0 auto auto 1fr;
    grid-gap:15px;
    align-items:center;
}

section.header .inside .text {
    font:22px Raleway, sans-serif;
    color:white;
    cursor:pointer;
}

section.header .inside .text small {
    font-size:15px;
}

section.intro .inside {
    padding-bottom:80px;
}

section.intro .inside .text {
    padding:120px 0 130px 0;
    color:white;
    text-align:center;
    max-width:950px;
    margin:auto;
    font:15px Raleway;
    line-height:1.8;
}

section.intro .inside h2 {
    font:40px Manrope;
    font-weight:700;
    margin-bottom:30px;
}

section.intro .inside .photocols img {
    width:100%;
    height:auto;
}

section.intro .inside .photocols {
    max-width:1740px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    background:black;
}

section.intro .inside .photocols > div h3 {
    font:22px Raleway;
    color:white;
    height:88px;
}

section.intro .inside .photocols > div .text {
    padding:70px 140px;
    font:15px Raleway;
    color:white;
    line-height:1.9;
    text-align:left;
}

section.contact {
    padding:80px 0px;
}

section.contact .inside {
    max-width:1740px;
    margin:auto;
    background:black;
    color:#888;
    display:grid;
    grid-template-columns:1fr 1fr;
}

section.contact .inside .text {
    display:grid;
    align-items:center;
    text-align:center;
}

section.contact .inside .text .company-details-aligner {
    display:inline-block;
    text-align:left;
}

section.contact .inside .text h3 {
    font:40px Manrope;
    font-weight:700;
    color:white;
    padding-bottom:10px;
}

section.contact .inside .text a {
    color:white;
    text-decoration:none;
}

section.contact .inside .text span {
    color:yellowgreen;
}

section.footer {
    text-align:center;
    padding:50px;
    color:white;
}

section.footer .partner-logos {
    padding:10px 0 80px 0;
}

section.footer .partner-logos img {
    width:25vw;
    max-width:250px;
}

section.footer .partner-logos-aligner {
    display:inline-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:40px;
}