iframe {
    height: 1600px;
    width: 100%;

    @media screen and (min-width: 737px) {
        height: 100%;
    }


    /** iPhone 15 and 15 Pro */
    @media only screen
    and (width: 393px)
    and (height: 852px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    /** iPhone 15 Plus and 15 Pro Max */
    @media only screen
    and (width: 430px)
    and (height: 932px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    @media only screen
    and (width: 390px)
    and (height: 844px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    @media only screen
    and (width: 428px)
    and (height: 926px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    @media only screen
    and (width: 375px)
    and (height: 812px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    @media only screen
    and (width: 414px)
    and (height: 896px)
    and (-webkit-device-pixel-ratio: 2) {
        height: 2000px;
    }

    @media only screen
    and (width: 414px)
    and (height: 896px)
    and (-webkit-device-pixel-ratio: 3) {
        height: 2000px;
    }

    @media only screen
    and (width: 375px)
    and (height: 667px)
    and (-webkit-device-pixel-ratio: 2) {
        height: 2000px;
    }
}





#infos > .infos > .info-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 2rem;
    @media screen and (max-width: 736px) {
        flex-direction: column;
    }
}


#infos > .infos > .span-10 > h2 {
    color: #E6DCD4;
}

#infos > .infos > .info-section > .info {
    display: flex;
    flex-direction: row;
    column-gap: 1.5rem;
}

#infos > .infos > .info-section > .info:last-child {
    padding-bottom: 4rem;
    @media screen and (min-width: 737px) {
        padding-bottom: 0;
    }
}

#infos > .infos > .info-section > .info > i {
    font-size: 30px;
    color: #E6DCD4;
}

#infos > .infos > .info-section > .info > span {
    padding-top: 10px;
    color: #E6DCD4;
}

#infos > .infos > .info-section > .info > span > a {
    color: #ffe4b4;
}


/* NAV */
nav {
    z-index: 999;

    @media screen and (max-width: 736px) {
        display: none;
    }

    background: rgb(255,255,255, 0.7);

    position: fixed;
    top: 20px;
    padding-left: 50px;
}

nav > a {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 50px;
    border-bottom: none;
    color: saddlebrown;
}

@media screen and (max-width: 736px) {
    nav {
        display: none;
    }
}

.blink {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.herzli {
    position: relative;
    font-size: 1.3rem;
    bottom: 0.2rem;

    @media screen and (min-width: 737px) {
        font-size: 1.6rem;
        bottom: 0.5rem;
    }
}