@media only screen and (max-width: 1365px) {
.top-wrapper { width:94%}	
}
@media only screen and (max-width: 1289px) {
 .cookiesText { width:70%;}
.cookiesbutton { width:30%}
.video-section video, .video-section img.image { top:0}
header.scrolled nav ul li a { padding:1rem .5rem;}
}



@media only screen and (max-width: 1120px) {
header .top-wrapper { display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:0 1.5rem}


header .logo { font-size:2rem; order:1}
header .logo_small { left:1.5rem;}
header nav {display:none; width:calc(100% - 3rem); height: auto; clear:both;float:none; overflow-y:scroll; position:absolute; z-index:102; background:#ffffff; left:0; top:8rem;-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.1); box-shadow: 0 3px 7px 0 rgba(0,0,0,.1); margin:0 1.5rem;}
header.scrolled nav {top:3.35rem; margin:0; width:100%;}
header #menu-icon { display:block; text-align:center; width:100%;  order:2; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:1rem 0}
header.scrolled #menu-icon { text-align:right; border:none;}
header #menu-icon img { vertical-align:middle; margin-right:.5rem;}
#menu-icon.active {right:30px;}

header nav ul, header.scrolled nav ul { padding:1rem 0; margin:0; list-style:none; display:block; width:100%;}
header nav ul li, header.scrolled nav ul li { display: block; width:100%; text-align:center }
header nav ul li:nth-of-type(4) { width:100%;}
header nav ul li:nth-of-type(4), header nav ul li:nth-of-type(5), header nav ul li:nth-of-type(6) { text-align:center}
header nav ul li a, header.scrolled nav ul li a { color:#4E4E4E; font-weight:400; font-size:1rem; display:inline-block; padding:.5rem 1.5rem; margin-top:1rem; width:100%;}
header nav ul li a:hover, header.scrolled nav ul li a:hover {text-decoration:none; color:#4E4E4E;}
.video-section video {position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; max-width:99%; height:auto !important}
.video-section img { width:100%;}
}

@media only screen and (max-width: 1024px) {
.headline { width:40%;}
.headline span { font-size:2.2rem;}
.video-section { width:60%;}
}

@media only screen and (max-width:990px) {
.wrapper { width:92%}
.articles { justify-content:center}
article { width:31%;  max-width:500px;}
.image-about img.leaf { position:absolute; z-index:1; bottom:1rem; left:1rem; width:auto}
}
@media only screen and (max-width:960px) {
.about { background:url(../img/about-bg-medium.jpg) no-repeat center top; background-size:100% auto;}
.about-text img {  -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin:2rem 2rem 2rem 2rem}

.about-text {width:100%; display:block; background:#ffffff; border-radius:10px; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.3); box-shadow: 0 0 6px 0 rgba(0,0,0,.3);}
.about-text:after {content:''; display:block; clear:both;}

.award_block { display:block; width:100%; min-height: unset; text-align:center; padding: 0; padding-top: 1rem; }
.awardsremoveem p:has(em) {display: none;}
  .award_block h3 { font-size:1.333rem;}
  .award_block img { width:200px;}
}

@media only screen and (max-width:900px) {
.contact-box div { width:100%; padding-right:0 !important}
}

@media only screen and (max-width: 800px) {
.headline { width:100%; order:2}
.video-section { width:100%; order:1;}
.headline span { font-size:2rem;}
.articles {column-gap: 15px;}
article { width:48%;}
.about {padding:2.632rem 0;}

.about-description, .image-about { width:100%;}
.image-about { text-align:center; padding:0 0 1rem; margin-top:0}
.image-about img.leaf { display:none}
.believe ul { column-count:1; column-gap: 0; vertical-align:top}

h1, .believe h2, .awards h2 { font-size:1.579rem;}
.blog-article h1 {font-size:1.368rem;}
h5 { font-size:0.737rem}
}

@media only screen and (max-width: 700px) {
.list-article h3 { clear:both;}
}

@media only screen and (max-width: 640px) {
body { font-size:.895rem}
.headline span { font-size:1.895rem;}
.about-text img {  -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width:100%; margin:0 0 2rem}
.about { background:url(../img/about-bg-medium.jpg) no-repeat center 50px; background-size:100% auto;}
.about-text p { font-size:0.895rem}
/* About Page */
main { padding:2.368rem 0 4.263rem;}
.list-article .article-image { width:100%; position:relative;}
.list-article .article-image img.article-icon { width:auto; display:block; position:absolute; left:1rem; top: auto; bottom:1rem; z-index:2;}
.list-article { margin:0}
.short-description { padding-bottom:0}
.short-description + .list-article { padding-top:1rem}
.country a { padding:.3rem .7rem;}
.video-section video {position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; max-width:99.5%; height:auto !important}
.cookiesText { width:100%; text-align:center;}
.cookiesbutton { width:100%; text-align:center}
}

@media only screen and (max-width: 550px) {
.articles {column-gap: 0;}
article { width:100%; max-width:500px;}
}


@media only screen and (max-width: 480px) {
main .wrapper { width:100%; padding:0 1.5rem;}

.headline span { font-size:1.579rem;}
.about { background:url(../img/about-bg-medium.jpg) no-repeat center 80px; background-size:100% auto;}
.footer-wrapper { padding-top:1.5rem}
.image-about img.leaf { position:absolute; z-index:1; bottom:-1rem; left:-2rem; display:block; width:70px;}
.share img { width:52px;}
.contact-box { padding:1rem !important}
.contact-box div:first-of-type img { max-width:48px;}
}

@media only screen and (max-width: 400px) {
.footer-wrapper {  background: url(../img/footer-wrapper.png) no-repeat -30px bottom;}
header .logo_small { font-size:1.35rem; top:.4rem}

}