


@media (min-width:992px) {
    .header__wrapper .items::after {
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86));
    }
    .hero__thumbnail { position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;z-index: 0; }
}

@media (max-width:991px) {
    .header__wrapper .items { padding-top: 0;background: rgba(169, 106, 135, 0.15); }
    .header__wrapper .items::after { content: none; }
    .thumbnail__box { position: relative; }
    .thumbnail__box::after {
        content: '';width: 100%;height: 100%;display: block;
            position: absolute;top: 0%;left: 0%;z-index: 0;
            background: linear-gradient(360deg, rgba(0, 0, 0, 0.82), rgba(255, 255, 255, 0.108));
    }
    .caption__container {
        margin-top: -21rem;
    }
    .rys__logo__box {
        max-width: 380px;margin-left: auto;margin-right: auto;
    }
}
@media (max-width:575px) {  
    .hero__thumbnail { min-height: 300px; }
    .caption__container {
        margin-top: -13rem;
    }
    .positioned__box { min-height: 10rem; }
    .rys__logo__box {
        max-width: 280px; 
    }
    .header__wrapper .h2 { font-size: 1.125rem; }
}

.quote__form .form-control { height: 3.625rem;background-color: #FFFFFFAC;font-weight: 500;border-radius: 10px; }
.quote__form textarea.form-control { height: auto; }

img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}



.badge__label {
    width: 100px !important;
    height: auto;  
    animation-name: myanimation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
  }

@-webkit-keyframes myanimation {
    0% { transform: translateY(-4rem) translateX(4rem); }
    100% { transform: translateY(0); }
}
@keyframes myanimation {
    0% { transform: translateY(-4rem) translateX(4rem); }
    100% { transform: translateY(0); }
}
