﻿.peekthrough-container .peekthrough {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.highcontrast-image {
    display: none;
}

body::after {
    content: "1";
    display: none;
}

@media only screen and (min-width: 540px) {
    body::after {
        content: "2";
    }
}

@media only screen and (min-width: 768px) {
    body::after {
        content: "3";
    }
}

@media only screen and (min-width: 1084px) {
    body::after {
        content: "4";
    }
}

@media screen and (-ms-high-contrast: active) {
      .highcontrast-image {
        display: block;
        width: 100%;
    }

    .peekthrough.parallax-background-image {
        display: none;
    }
}
/*For iOS*/
.iPad .peekthrough-container .peekthrough,
.iPhone .peekthrough-container .peekthrough {
    display: none;
}

.iPad .peekthrough-container .hide-xs.show-s.hide-m {
    display: block;
    visibility: visible;
    text-align: center;
}

.iPad .peekthrough-container img,
.iPhone .peekthrough-container img {
    width: 100%;
}
