@charset "UTF-8"; 

body {
    background-color: white;
}

.main-container {
    max-width: 720px;
    padding: 2rem;
    margin: 0 auto;
}
  
.logo-container {
    max-width: 350px;
    margin: 0 auto;
}

.title {
    text-align: center;
    font-size: 1.75rem;
}

@media(min-width: 1100px) {
    .main-container {
        max-width: 1250px;
        margin: 60px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-info {
        width: 30%;
    }

    .hero {
        width: 65%;
    }
}