body {
    padding: 2rem 4rem;
    font-family: 'Yalta Sans', sans-serif;
}

.logo {
    width: 30%;
    float: right;
}

.text-div {
    margin-top: 10rem;
}

.compName {
    font-weight: 500;
}

.text-div p {
    text-align: justify;
    line-height: 25px;
}

.footer {
    background: #D9D9D9;
    padding: 0.5rem;
    color: #282828;
}

.firenzaLogo {
    width: 300px;
    height: 80px
}

.subaruLogo {
    width: 300px;
    height: 50px
}

.web-info {
    display: inline;
}

@media only screen and (max-width: 767px) {
    body {
        padding: 2rem 1rem;
    }

    .logo {
        width: 80%;
    }

    .compName {
        font-size: 1.3rem;
        font-weight: 600;
    }

    .text-div p {
        font-size: 1rem;
    }

    .firenzaLogo {
        width: 115px;
        height: 40px
    }

    .subaruLogo {
        width: 150px;
        height: 25px
    }

    .footer {
        margin-bottom: 1rem;
    }

    .web-info {
        display: block;
        margin-top: 10px;
    }
}