@media (max-width: 1788px) {

/* Homepage v2.0 */

.border {
    border: 1.25rem solid #1d1c29;
}

.homepage-text {
    padding: 2.5vw;
}

.homepage-grid-bw {
    margin-bottom: -1px;
}


@media (max-width: 1665px) {

.hp-text-large {
    font-size: 1.3vw;
}

.hp-text-small {
    font-size: 1.1vw;
}

}


@media (max-width: 1440px) {

    /* Homepage v2.0 */


.homepage-grid-template {
    display: grid;
    width: 100%;
    grid-template-columns: [col-1] 1fr [col-2] 4fr [col-3] 6.5rem [col-4] 3fr [col-5] 3fr;
    grid-template-rows: 1fr [row-1] 2fr [row-2] 6.5rem [row-3] 2fr [row-4];
}
.homepage-grid-arrow img {
   width: 90%;
}

}


@media (max-width: 1024px) {

    /* Homepage v2.0 */


.homepage-grid-template {
    display: grid;
    width: 100%;
    grid-template-columns: [col-1] 1fr [col-2] 4fr [col-3] 5.5rem [col-4] 3fr [col-5] 3fr;
    grid-template-rows: 1fr [row-1] 2fr [row-2] 5.5rem [row-3] 2fr [row-4];
}
.homepage-grid-arrow img {
   width: 80%;
}

h1.hp-title {
    font-size: 5.3vw;
}

}

@media (max-width: 768px) {

.border {
    border: 0;
}

.homepage-grid-arrow img {
    width: 70%;
}

.homepage-section {
    height: 100%;
}

.homepage-grid-template {
    display: grid;
    width: 100%;
    grid-template-columns: 4rem 1fr 1fr 4rem;
    grid-template-rows: auto 4rem 33% 33% 33%;
}

.homepage-grid-text {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
}

.homepage-grid-arrow {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    background-color: #19d86d;
    overflow: hidden;
}

.homepage-grid-cor {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    display: flex;
}

.homepage-grid-mid {
    display: none;
}

.homepage-grid-bw {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    display: flex;
}

.homepage-grid-af {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
    display: flex;
}

.homepage-text {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
}

h1.hp-title {
    font-size: 3rem;
}

h5.hp-subtitle {
    font-size: 1.25rem;
}

.hp-text-large {
    font-size: 1rem;
}

.hp-text-small {
    font-size: 0.75rem;
}

}

@media (max-width: 375px) {

h1.hp-title {
    font-size: 2.9rem;
}

 .cta-block {
    max-width: none;
 }

}