/* general */
.menuSwitch__icon {
    color: #fff;
}
.menuSwitch__text {
    color: #fff;
}
.header__heading {
    color: #fff;
}
.header__subheading {
    color: #fff;
}
/* general */

/* images */
.relative {
    background-image: url('images/background.jpg');
    background-size: cover;
    background-position: center bottom;
    position: relative;
    background-repeat: no-repeat;
}
.aid {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/aid.png');
    background-size: cover;
    background-position: left -40vw top;
    position: relative;
    background-repeat: no-repeat;
}
.cloudTop {
    top: 0;
    right: 50%;
    transform: translateX(100%) translateY(-30%);
}
.cloudTop img {
    width: 120vw;
    max-width: none;
}
.cloudTop__animation--1 {
    animation-name: wave-horizontal-hard;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudTop__animation--2 {
    animation-name: wave-vertical-soft;
    animation-duration: 3.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudTop__animation--3 {
    animation-name: opacity;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudTop__animation--4 {
    animation-name: zoom-medium;
    animation-duration: 16s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudRight {
    top: 50%;
    right: 0;
    transform: translateX(60%) translateY(-50%);
}
.cloudRight img {
    height: 80vh;
    width: auto;
    max-width: none;
}
.cloudRight__animation--1 {
    animation-name: wave-horizontal-medium;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudRight__animation--2 {
    animation-name: wave-vertical-hard;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudRight__animation--3 {
    animation-name: opacity;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 8s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudRight__animation--4 {
    animation-name: zoom-medium;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudMiddle {
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
}
.cloudMiddle img {
    width: 160vw;
    max-width: none;
}
.cloudMiddle__animation--1 {
    animation-name: wave-horizontal-medium;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudMiddle__animation--2 {
    animation-name: wave-vertical-medium;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudMiddle__animation--3 {
    animation-name: opacity-half;
    animation-duration: 3.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudMiddle__animation--4 {
    animation-name: zoom-soft;
    animation-duration: 14s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudClippedTop {
    bottom: 0;
    right: 30%;
    transform: translateX(-60%) translateY(-100%);
}
.cloudClippedTop img {
    width: 60vw;
    max-width: none;
}
.cloudClippedTop__animation--1 {
    animation-name: wave-horizontal-soft;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudClippedTop__animation--2 {
    animation-name: wave-vertical-hard;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudClippedTop__animation--3 {
    animation-name: opacity-half;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudClippedTop__animation--4 {
    animation-name: zoom-medium;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloudClippedBottom {
    bottom: 0;
    right: 30%;
    transform: translateX(-50%) translateY(20%);
}
.cloudClippedBottom img {
    width: 60vw;
    max-width: none;
}
.misha {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/misha.png');
    background-size: cover;
    background-position: right -60vw bottom;
    position: relative;
    background-repeat: no-repeat;
}
@media (min-width: 550px) {
    .aid {
        background-position: left -25vw top;
    }
    .misha {
        background-position: right -35vw bottom;
    }
}
@media (min-width: 800px) {
    .aid {
        background-position: left -15vw top;
    }
    .misha {
        background-position: right -25vw bottom;
    }
    .cloudClippedTop {
        transform: translateX(-10%) translateY(-100%);
    }

}
@media (min-width: 900px) {
    .aid {
        background-position: left -10vw top;
    }
    .misha {
        background-position: right -15vw bottom;
    }
    .cloudClippedTop {
        transform: translateX(-10%) translateY(-90%);
    }
    .cloudClippedTop img {
        width: 45vw;
    }
    .cloudTop img {
        width: 54vw;
    }
    .cloudClippedBottom {
        transform: translateX(-50%) translateY(20%);
    }
    .cloudClippedBottom img {
        width: 42vw;
    }
    .cloudMiddle img {
        width: 120vw;
    }
}
@media (min-width: 1100px) {
    .cloudTop {
        transform: translateX(80%) translateY(-40%);
    }
    .cloudTop img {
        width: 75vw;
    }
    .cloudMiddle {
        transform: translateX(60%) translateY(-50%);
    }
    .cloudMiddle img {
        width: 90vw;
    }
    .cloudClippedTop {
        transform: translateX(-60%) translateY(-70%);
    }
}
@media (min-width: 1200px) {
    .cloudClippedTop {
        transform: translateX(-70%) translateY(-50%);
    }
}
@media (min-width: 1300px) {
    .misha {
        background-position: right -35vw bottom;
    }
}
@media (min-width: 1400px) {
    .cloudClippedTop {
        transform: translateX(-70%) translateY(-40%);
    }
    .cloudClippedTop img {
        width: 40vw;
    }
    .misha {
        background-position: right -30vw bottom;
    }
}
@media (min-width: 1500px) {
    .misha {
        background-position: right -25vw bottom;
    }
}
@media (min-width: 1600px) {
    .aid {
        background-position: left -5vw top;
    }
    .misha {
        background-position: right -20vw bottom;
    }
    .cloudClippedBottom {
        transform: translateX(-50%) translateY(30%);
    }
    .cloudClippedTop {
        transform: translateX(-70%) translateY(-15%);
    }
}
@media (min-width: 1700px) {
    .misha {
        background-position: right -15vw bottom;
    }
}
@media (min-width: 1800px) {
    .aid {
        background-position: left top;
    }
    .misha {
        background-position: right -10vw bottom;
    }
}
@media (min-width: 1900px) {
    .aid {
        background-position: left top;
    }
    .misha {
        background-position: right -7vw bottom;
    }
}
/* images */

/* maintext */
.mainText__container {
    box-shadow: 0px 4px 50px rgba(155, 142, 105, 0.5);
}
.mainText__container {
    padding-bottom: 45px;
}
@media (min-width: 600px) {
    .mainText__container {
        margin-left: 150px;
    }
}
@media (min-width: 700px) {
    .mainText__container {
        margin-left: 200px;
        padding-bottom: 70px;
    }
}
@media (min-width: 1920px) {
    .mainText__container {
        box-shadow: 0px 0.2083vw 2.60417vw rgba(155, 142, 105, 0.5);
        margin-left: 10.4166vw;
        padding-bottom: 3.64583vw;
    }
}
/* maintext */






 
	/*iPad fix */

@media  (min-width: 950px) and (max-width:1250px) and (min-height: 650px) and (max-height: 1000px) {  
	
	.mainText p:not(:last-child){
		margin-bottom: 1.75em;
	}
	body .mainText__container{
	    padding-bottom: 2em;
    	margin-top: auto;
    	flex-grow: 0;
	}
	.mainText__container { 
        box-shadow: 0px 0.2083vw 1.04vw #C7DAE7;
        padding-bottom: 0;
    }
	.mainText__container{
		max-width: 18.9vw;  
	}	.mainText__container .mainText {
	    padding-top: 4vw;
    	padding-left: 3.066vw;
	    margin-bottom: 1.56vw;
	}
	.mainText p{
		font-size: 0.9375vw;
	}
	.initial{
		font-size: 5.208vw;
	    margin-bottom: 0.1em;
	}
	.mainText__pagination {
	    padding: 0 1.666vw;
	}
	.pagination__bigBtnText {
	    font-size: 1.5625vw;
	    padding: 0 1.666vw;
	    margin-bottom: 1.04vw;
	    height: 4.375vw;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 0.52vw;
	}
	.pagination__bigBtn::before{
		border-radius: 1.04vw;
	    height: calc(100% + 0.208vw);
	}
	.pagination__link {
	    width: 3.802vw;
	    height: 3.645vw;
	    background-size: 1.1145vw auto;
	}
	.pagination__counter{
		margin: 0;
		font-size: 0.9375vw;
	} 
}