.banner {
    width: 100%;
    height: 60vh;

    background: url("/img/portada.png") center center no-repeat;
    background-size: cover;
}

.img-banner,
.img-home {
    width: 400px;
    z-index: 999;
}

.img-home {
    padding-top: 40px;
}

.hero-title {
    padding: 80px 20px;
    text-align: center;
    align-items: center;
}

.hero-title h2,
.hero-subtitle h2,
.posts-title h2 {
    font-size: 60px;
    font-family: "Permanent Marker", cursive;
    color: rgb(20, 33, 61);
    text-align: center;
    align-items: center;
}

.hero-subtitle p {
    color: #868e96;
    font-size: 18px;
    line-height: 30px;
    padding: 10px;
}

.hero-title h2:nth-child(2) {
    color: #ffaada;
}

.footer {
    width: 100%;
    height: 30vh;

    background: url("/img/footer5.png") bottom center no-repeat;
    background-size: cover;
}

@media (max-width: 480px) {
    .img-banner {
        display: none;
    }

    .img-home {
        width: 300px;
        padding-bottom: 30px;
        margin: auto;
        align-items: center;
    }

    .hero-title h2,
    .hero-subtitle h2,
    .posts-title h2 {
        font-size: 40px;
    }
}