@media screen and (min-width: 168px) and (max-width: 767px) {
    /*************************************************************************
    *
    *   Mobile cell
    *
    **************************************************************************/

    .socialmedia {
        display: block;
        left: 2.0rem;
    }
}
@media screen and (min-width: 768px) {
    /*************************************************************************
    *
    *   Componente: Social Media
    *
    **************************************************************************/

    .socialmedia {
        display: block;
    }
    .homepage__logotipo {
        display: block;
        width: 210px;
    }
    .homepage__title {
        font-size: .9rem;
        font-weight: 700;
    }
    .homepage__description {
        font-size: .9rem;
        font-weight: 600;
    }
    .homepage__button {
        padding: .5rem 2rem;
        font-size: .8rem;
    }
    .homepage__image {
        width: 180px;
    }
    .homepage__grid-item {
        justify-content: flex-start;
        padding: 1rem 5rem;
    }
    .no-webp .homepage__grid-item--left::before {
        background-image: url("../images/photos/banners/tablet/capital.jpg");
    }
    .webp .homepage__grid-item--left::before {
        background-image: url("../images/photos/banners/tablet/webp/capital.webp");
    }
    .no-webp .homepage__grid-item--right:before {
        background-image: url("../images/photos/banners/tablet/industrial.jpg");
    }
    .webp .homepage__grid-item--right:before {
        background-image: url("../images/photos/banners/tablet/webp/industrial.webp");
    }
    @media screen and (-webkit-device-pixel-ratio: 2),
            screen and (-webkit-device-pixel-ratio: 1.325),
            screen and (-webkit-device-pixel-ratio: 1.4),
            screen and (-webkit-device-pixel-ratio: 1.5),
            screen and (-webkit-device-pixel-ratio: 1.8) {
        .no-webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/tablet/capital@2x.jpg");
        }
        .webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/tablet/webp/capital@2x.webp");
        }
        .no-webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/tablet/industrial.jpg");
        }
        .webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/tablet/webp/industrial.webp");
        }
    }
    @media screen and (-webkit-device-pixel-ratio: 3),
            screen and (-webkit-device-pixel-ratio: 3.5),
            screen and (-webkit-device-pixel-ratio: 2.4),
            screen and (-webkit-device-pixel-ratio: 2.5),
            screen and (-webkit-device-pixel-ratio: 2.75) {
        .no-webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/tablet/capital@3x.jpg");
        }
        .webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/tablet/webp/capital@3x.webp");
        }
        .no-webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/tablet/industrial.jpg");
        }
        .webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/tablet/webp/industrial.webp");
        }
    }
}

@media screen and (min-width: 1024px) {

    /*************************************************************************
    *
    *   Componente: Home Page
    *
    **************************************************************************/
    .homepage__logotipo {
        width: 320px;
        top: 1.5rem;
    }
    .homepage__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }
    .homepage__image {
        width: 340px;
        margin-bottom: 3rem;
    }
    .homepage__title {
        font-size: 1.25rem;
        margin-bottom: .5rem;
    }
    .homepage__description {
        font-size: 1.125rem;
        margin-bottom: 1.2rem;
    }
    .homepage__button {
        padding: .8rem 2.8rem;
        font-size: 0.875rem;
    }
    .homepage__content {
        max-width: 600px;
    }
    .no-webp .homepage__grid-item--left::before {
        background-image: url("../images/photos/banners/desktop/capital.jpg");
    }
    .webp .homepage__grid-item--left::before {
        background-image: url("../images/photos/banners/desktop/webp/capital.webp");
    }
    .no-webp .homepage__grid-item--right:before {
        background-image: url("../images/photos/banners/desktop/industrial.jpg");
    }
    .webp .homepage__grid-item--right:before {
        background-image: url("../images/photos/banners/desktop/webp/industrial.webp");
    }
    @media screen and (-webkit-device-pixel-ratio: 2),
            screen and (-webkit-device-pixel-ratio: 1.325),
            screen and (-webkit-device-pixel-ratio: 1.4),
            screen and (-webkit-device-pixel-ratio: 1.5),
            screen and (-webkit-device-pixel-ratio: 1.8) {
        .no-webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/desktop/capital@2x.jpg");
        }
        .webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/desktop/webp/capital@2x.webp");
        }
        .no-webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/desktop/industrial.jpg");
        }
        .webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/desktop/webp/industrial.webp");
        }
    }
    @media screen and (-webkit-device-pixel-ratio: 3),
            screen and (-webkit-device-pixel-ratio: 3.5),
            screen and (-webkit-device-pixel-ratio: 2.4),
            screen and (-webkit-device-pixel-ratio: 2.5),
            screen and (-webkit-device-pixel-ratio: 2.75) {
        .no-webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/desktop/capital@3x.jpg");
        }
        .webp .homepage__grid-item--left::before {
            background-image: url("../images/photos/banners/desktop/webp/capital@3x.webp");
        }
        .no-webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/desktop/industrial.jpg");
        }
        .webp .homepage__grid-item--right:before {
            background-image: url("../images/photos/banners/desktop/webp/industrial.webp");
        }
    }

    /*************************************************************************
    *
    *   Componente: Social Media
    *
    **************************************************************************/

    .socialmedia {
        bottom: 1.5rem;
    }
    .socialmedia__item {
        margin-right: .7rem;
    }
    .socialmedia__item:nth-child(5) .socialmedia__link,
    .socialmedia__item:nth-child(6) .socialmedia__link {
        padding: .3rem 1rem;
    }
    .socialmedia__icon,
    .socialmedia__link svg {
        width: 15px;
        height: 15px;
        padding: .3rem;
        border-radius: .25rem;
    }

}