section{height:var(--real-height);position:relative;transition:background-color 2s ease}.mainImage{overflow:hidden}.mainImage,.mainImageContent{position:relative;height:100vh}.mainImageContent{z-index:1;color:#53532a;font-family:Granville,Noto Sans,sans-serif;padding:20px}.mainImageMobile{height:calc(100vh - 60px)}.mainSlogan{font-weight:100;left:0;right:0;margin:auto;width:max-content;bottom:5%;color:#fff;position:absolute}.mainSloganMobile{bottom:10%}.mainLeftText{left:5%;top:20%;position:absolute;font-weight:100}.mainRightImage{right:5%;top:25%;position:absolute;width:150px;height:150px}.sections{background-color:#87cad8;text-align:center}.section-img{transition:opacity 2s ease;position:absolute}.section-img.visible{opacity:1;z-index:2}.section-img.hidden{opacity:0;z-index:1}.fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-zoom{opacity:0;transform:scale(.9);transition:all .6s ease-out}.fade-in-zoom.visible{opacity:1;transform:scale(1)}.fade-in-rotate{opacity:0;transform:rotate(-10deg) scale(.95);transition:all .6s ease-out}.fade-in-rotate.visible{opacity:1;transform:rotate(0) scale(1)}.fade-in-delay{opacity:0;transform:translateY(40px);transition:all .8s ease-out;transition-delay:.3s}.fade-in-delay.visible{opacity:1;transform:translateY(0)}.fade-in-right{opacity:0;transform:translateX(50px);transition:all .6s ease-out}.fade-in-right.visible{opacity:1;transform:translateX(0)}.goToShopMain{font-size:1.3em;color:#53532a;margin-top:10%;cursor:pointer;font-weight:100;background-color:white;padding:3px 10px;border-radius:8px;border:none}.mainTextBlock{text-align:justify;position:absolute;width:40%;font-family:Granville,Noto Sans,sans-serif;color:white}.mainText1{left:50%;top:10%}.mainText2{left:10%;top:10%}.mainText3{left:30%;top:20%}.mainText4{left:50%;top:10%}.image11{top:10%;left:10%}.image12{left:30%;top:50%}.image21{top:10%;right:15%}.image22{right:30%;top:50%}.image31{top:15%;left:3%}.image32{right:3%;bottom:15%}.image41{top:10%;left:10%}.image42{left:30%;top:50%}@media (max-width:1130px){.image12,.image42{left:20%}.image31{left:1%}.image31,.image32{width:250px;height:250px}}@media (max-width:850px){.image1{left:5%}.image1,.image2{top:5%;bottom:auto;width:250px;height:250px}.image2{right:5%;left:auto}.mainText{width:90%;margin:auto;left:0;right:0;text-align:center;top:calc(10% + 250px)}}@media (max-width:660px){.mainLeftText{left:2%;top:7%}.mainRightImage{right:2%;top:10%}}@media (max-width:600px){.image1,.image2{width:200px;height:200px}.mainText{top:calc(5% + 200px)}}@media (max-width:480px){.mainRightImage{width:120px;height:120px}.goToShopMain{font-size:.8em}.image1{left:0;right:0;margin:auto;width:300px;height:300px}.image2{display:none}.mainText{top:calc(5% + 300px)}.mainTextBlock p{margin:15px 0}}@media (max-height:800px){section{height:calc(var(--real-height) + 50px)}}@media (min-height:800px){.mainText{top:calc(10% + 300px)}.image1{top:10%}.image2{right:10%}}@media (min-height:850px){.mainText{top:calc(15% + 300px)}}