/* general */
.menuSwitch__icon {
    color: #FF3E3E;
}
.menuSwitch__text {
    color: #FF3E3E;
}
.header {
    filter: drop-shadow(0px 2px 2px rgb(155 142 105 / 50%));
}
@media (min-width: 1920px) {
    .header {
        filter: drop-shadow(0px 0.104167vw 0.104167vw rgb(155 142 105 / 50%));
    }
}
/* general */

/* images */
.relative {
    background-image: url('images/background.jpg');
    background-size: cover;
    background-position: center bottom;
    position: relative;
    background-repeat: no-repeat;
}
.tree {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.tree__animation--1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
}
.tree__animation--2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
    background-image: url('images/tree.png');
    background-size: auto 100%;
    background-position: left bottom;
    position: relative;
    background-repeat: no-repeat;
    margin-top: -8%;
    margin-bottom: -10%;
}
.pometey {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: url('images/prometey.png');
    background-size: cover;
    background-position: right bottom;
    position: relative;
    background-repeat: no-repeat;
}
.misha {
    right: 50%;
    bottom: 0;
    transform: translateX(calc(50% + 500px));
}
.misha img {
    width: 565px;
    max-width: none;
}
.misha__animation--1 {
    animation-name: pendulum-bottom-soft;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
}
.penTop {
    right: 50%;
    top: 50%;
    transform: translateX(calc(50% + 900px)) translateY(calc(-50% - 170px));
}
.penTop img {
    width: 253px;
    max-width: none;
}
.penTop__animation--1 {
    animation-name: moving-horizontal-soft;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.penTop__animation--2 {
    animation-name: pendulum-top-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;
    transform-origin: 50% 0%;
}
.penTop__animation--3 {

}
.penBottom {
    right: 50%;
    top: 50%;
    transform: translateX(calc(50% + 900px)) translateY(calc(-15%));
}
.penBottom img {
    width: 253px;
    max-width: none;
}
.penBottom__animation--1 {
    animation-name: moving-horizontal-soft;
    animation-duration: 4.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.penBottom__animation--2 {
    animation-name: pendulum-top-medium;
    animation-duration: 4.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 0%;
}
.penBottom__animation--3 {

}
.bird {
    bottom: 0;
    right: 50%;
    transform: translateX(30%);
}
.bird img {
    width: 985px;
    max-width: none;
}
.bird__animation--1 {
    animation-name: wave-vertical-medium;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.bird__animation--2 {
    animation-name: pendulum-bottom-soft;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: .5s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
}
.bird__animation--3 {

}
.penMiddle {
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
}
.penMiddle img {
    
}
@media (min-width: 1100px) {
    .misha {
        transform: translateX(calc(50% + 500px)) translateY(2%);
    }
    .bird {
        transform: translateX(30%) translateY(3%);
    }
}
@media (min-width: 1920px) {
    .misha {
        transform: translateX(calc(50% + 26.04167vw)) translateY(2%);
    }
    .misha img {
        width: 29.427083vw;
    }
    .penTop {
        transform: translateX(calc(50% + 46.875vw)) translateY(calc(-50% - 8.85417vw));
    }
    .penTop img {
        width: 13.1771vw;
    }
    .penBottom {
        transform: translateX(calc(50% + 46.875vw)) translateY(calc(-15%));
    }
    .penBottom img {
        width: 13.1771vw;
    }
    .bird img {
        width: 51.3021vw;
    }
    .penMiddle img {
        width: 18.906vw;
        max-width: none;
    }
}
/* images */

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





 
	/*iPad fix */

@media  (min-width: 950px) and (max-width:1250px) and (min-height: 650px) and (max-height: 1000px) {  
	.bird img{
		width: 63vw;
	}
	.penMiddle img {
	    width: 10vw;
	}
	.misha {
	    right: 65%;
	    bottom: -3%; 
	}
	.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;
	} 
}