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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: "Inter", sans-serif;
    text-align: center;
    color: #000;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
.container {
    max-width: 100%;
}
.content-wrap-top {
    background: url(../img/Cartesano-Background-Logo-2.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 110% auto;
    padding: 125px 30px 0;
}
.content-wrap-bottom{
    padding: 0 30px 125px;
}
.content-top, .content-bottom{
    max-width: 1400px;
    margin: auto;
}
.logo {
    max-width: 800px;
}
h1 {
    font-size: 80px;
    font-weight: 600;
    line-height: 91px;
    margin: 60px 0;
}
.message {
    font-size: 35px;
    font-weight: 600;
    line-height: 44px;
}
.contact {
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    margin: 60px 0;
}
.download-text {
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
}
.app-links a img {
    max-width: 190px;
}
.app-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.gplay-logo{
    max-width: 212px!important;
}
.redi-logo {
    max-width: 279px;
    margin-right: 50px;
}
.store-links{
    display: flex;
    gap: 16px;
}

/* Tablets (768px - 1024px) */
@media (max-width: 1024px) {
    .content-wrap-top {
        padding: 100px 30px 0;
        background-size: cover;
    }
    .content-top, .content-bottom{
        max-width: 100%;
        margin: auto;
    }
   .logo {
        max-width: 710px;
    }
    h1{
        font-size: 55px;
        line-height: 63px;
        margin: 80px 0;
    }
    .message{
        font-size: 26px;
        line-height: 34px;
    }
    .contact{
        font-size: 25px;
        font-weight: 600;
        line-height: 34px;
        margin: 80px 0;
    }
    .download-text{
        font-size: 34px;
        font-weight: 500;
        line-height: 45px;
    }
    .app-links {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .redi-logo {
        max-width: 279px;
        margin-right: 0px;
    }
    .store-links{
        gap: 24px;
    }
}

/* Celulares (menores de 768px) */
@media (max-width: 767px) {
    .content-wrap-top {
        padding: 50px 30px 0;
        background-size: cover;
    }
    .content-top, .content-bottom{
        max-width: 100%;
        margin: auto;
    }   
   .logo {
        max-width: 330px;
    }
    h1{
        font-size: 28px;
        line-height: 34px;
        margin: 40px 0;
    }
    .message{
        font-size: 16px;
        line-height: 24px;
    }
    .contact{
        font-size: 16px;
        line-height: 24px;
        margin: 40px 0;
    }
    .download-text{
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
    }
    .app-links {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .app-links a img {
        max-width: 130px;
    }
    .gplay-logo{
        max-width: 142px!important;
    }
    .redi-logo {
        max-width: 279px;
        margin-right: 0px;
    }
    .store-links{
        gap: 24px;
    }
    
}