:root {
    --first-color: #3C587A;
    --second-color: #B5191B;
    --third-color: #5A85B3;
}

body {
    box-shadow: inset 0 0 20px #3C587A8F;
    color: var(--first-color);
    font-family: "Montserrat", sans-serif;
}

.inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100vh;
}

.content {
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px 0;
}

h1 {
    font-size: 100px;
    font-weight: bold;
}

.outline {
    height: 75px
}

.tools {
    width: 105px;
}

h2 {
    font-size: 30px;
    border-bottom: solid 4px var(--second-color);
    width: 390px;
    margin: 0 auto 80px;
    padding-bottom: 10px;
}

h3 {
    font-size: 24px;


}

.btn {
    background: var(--second-color);
}

.footer {
    color: white;
    overflow: hidden;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}

.dome {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0% -70px 0;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}

.footer-background {
    background: rgb(90,133,179);
    background: linear-gradient(87deg, rgba(90,133,179,1) 0%, rgba(60,88,122,1) 100%);
}

h3 .footer {
    font-weight: 500;
}

.copyright {
    font-size: 15px;
    padding: 7px 0 25px;
}

.logo {
    width: 180px;
    height: auto;
}

.row {
    margin: 0 130px;
}

.icon {
    margin-right: 25px;
}

.border-bottom {
    border-bottom: var(--second-color);
}

.button {
    font-size: 17px;
    --bs-btn-border-radius: 0;
}

@media (max-width: 1280px) {

    .tools {
        width: 86px;
    }

    h1 {
        font-size: 85px;
    }

    .outline {
        height: 62px;
    }
    h2 {
        font-size: 25px;
        width: 330px;
        border-bottom: solid 3px var(--second-color);
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 17px;
    }

    .copyright {
        font-size: 13px;

    }

    .button {
        font-size: 14px;
    }
}

@media (max-width: 768px) {

    .tools {
        width: 76px;
    }

    h1 {
        font-size: 60px;
    }
    .outline {
        height: 46px;
    }
    h2 {
        margin: 0 auto 40px;
    }

    .row :nth-child(2) {
        order: -1;
    }

    .dome {
        margin: 0% -130px 0;
    }

    .footer p{
        width: 300px;
        margin: 0 auto;
    }

    .button {
        margin-bottom: 20px;
    }
}

@media (max-width: 440px) {

    .tools {
        width: 47px;
    }

    h1 {
        font-size: 46px;
    }

    .outline {
        height: 34px;
    }

    h2 {
        font-size: 17px;
        width: 210px;
        border-bottom: solid 2px var(--second-color);
    }

    h3 {
        font-size: 15px;
        width: 220px;
        margin: 0 auto;
    }

    p {
        font-size: 13px;
    }

    .copyright {
        font-size: 11px;
    }

    .button {
        font-size: 13px;
    }

    .logo {
        width: 140px;
        height: auto;
    }

    .footer p {
        width: 240px;
    }
}

@media (max-width: 350px) {

    .tools {
        width: 40px;
    }

    h1 {
        font-size: 40px;
    }

    .outline {
        height: 30px;
    }

}