.typography-durability-tile-headline {
    line-height: 1.0714285714;
    font-weight: 700;
    letter-spacing: -0.005em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #f5f5f7;
}

.typography-section-headline {
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.015em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #86868b;
}

.register-modal-box {
    position: relative;
/*                height: 100%;
            width: 100%;*/
    display: flex;
    align-items: center;
    margin: auto;
}

.register-modal {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
}

.headline-padding {
    padding-right: 30px;
}

.headline-keyword {
    position: absolute;
    top: 0;
    left: 0;
}
.headline-tips {
    position: absolute;
    bottom: 0;
    left: 0;
}
.p-t-10 {
    padding-top: 10%;
}

.p-t-5 {
    padding-top: 5%;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-56 {
    color: #86868b;
    font-weight: 700;
}

.img-h-460 {
    border-radius: 24px;
}

.img-max-h-460 {
    border-radius: 24px;
}
@media (min-width: 500px) {
    .font-size-56 {
        font-size: 10px;
    }

    .typography-durability-tile-headline {
        font-size: 10px;
    }

    .typography-section-headline {
        font-size: 10px;
    }

    .img-h-460 {
        max-height: 90px;
    }

    .img-max-h-460 {
        height: 90px;
    }

    .font-size-40 {
        font-size: 10px;
    }
}
@media (min-width: 700px) {
    .font-size-56 {
        font-size: 20px;
    }
    .typography-durability-tile-headline {
        font-size: 20px;
    }
    .typography-section-headline {
        font-size: 20px;
    }
    .img-h-460 {
        max-height: 189px;
    }

    .img-max-h-460 {
        height: 189px;
    }
    .font-size-40 {
        font-size: 20px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 880px) {
    .font-size-56 {
        font-size: 24px;
    }
    .typography-durability-tile-headline {
        font-size: 24px;
    }
    .typography-section-headline {
        font-size: 24px;
    }
    .img-h-460 {
        max-height: 252px;
    }

    .img-max-h-460 {
        height: 252px;
    }
    .font-size-40 {
        font-size: 24px;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 1050px) {
    .font-size-56 {
        font-size: 28px;
    }
    .typography-durability-tile-headline {
        font-size: 28px;
    }
    .typography-section-headline {
        font-size: 28px;
    }
    .img-h-460 {
        max-height: 326px;
    }

    .img-max-h-460 {
        height: 326px;
    }
    .font-size-40 {
        font-size: 28px;
    }
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1300px) {
    .font-size-56 {
        font-size: 32px;
    }
    .typography-durability-tile-headline {
        font-size: 32px;
    }
    .typography-section-headline {
        font-size: 32px;
    }
    .img-h-460 {
        max-height: 396px;

    }

    .img-max-h-460 {
        height: 396px;
    }
    .font-size-40 {
        font-size: 32px;
    }
}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1700px) {
    .typography-durability-tile-headline {
        font-size: 56px;
    }
    .font-size-56 {
        font-size: 40px;
    }
    .typography-section-headline {
        font-size: 80px;
    }
    .img-h-460 {
        max-height: 460px;
        max-width: unset;
    }
    .img-max-h-460 {
        height: 460px;
    }
    .font-size-40 {
        font-size: 40px;
    }
}