@font-face {
  font-family: 'typicons';
  src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.eot?#iefix") format('embedded-opentype'),
       url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.woff") format('woff'),
       url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.ttf") format('truetype'),
       url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}
.boldita {font-weight: 800;font-style: italic;}
.itacont {display: none}
.langswitch img {cursor: pointer}
h1.herotitle {font-size: 7vh;font-family: 'Comfortaa', cursive;font-weight: 400;color: #fefefe;hyphens: auto;}
h2.sectitle {font-family: Comfortaa, cursive;font-weight: 700;}
div.integr {background-image: url('https://cdn2.hubspot.net/hubfs/500261/ESGeo%20-%20Minisite/gear.svg');background-size: 35%;background-position: center right;background-repeat: no-repeat;}
div.disclos {background-image: url('https://cdn2.hubspot.net/hubfs/500261/ESGeo%20-%20Minisite/sheet.svg');background-size: 30%;background-position: center left;background-repeat: no-repeat;}
.toast{max-width:100vw;width: 40vw;position:fixed;bottom:5vh;right:5vh}
.cookieconsent:hover{color:#fff;}

@media (min-width:300px) and (max-width:375px){
    h1.herotitle {font-size: 5vh;}
    div.integr {background-image: url('https://cdn2.hubspot.net/hubfs/500261/ESGeo%20-%20Minisite/gear.svg');background-size: cover;background-position: top left;background-repeat: no-repeat;}
    div.disclos {background-image: url('https://cdn2.hubspot.net/hubfs/500261/ESGeo%20-%20Minisite/sheet.svg');background-size: cover;background-position: top left;background-repeat: no-repeat;}
}


 section.scrollcont {
	 position: relative;
	 width: 100%;
	 overflow: hidden;
}
 .scroll {
	 display: flex;
	 width: 100%;
	 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

 .scroll div {
	 font-size: 1.2em;
	 text-transform: uppercase;
	 white-space: nowrap;
	 color: #02655b;
	 background-color: #fff;
	 animation: animate 25s -25s linear infinite;
	 will-change: transform;
   font-weight: 700;
}
 .scroll div:nth-child(2) {
   display: none;
	 animation: animate2 20s -10s linear infinite;
}
 .text1 {
	 transform: rotate(30deg) translate(-200px, 200px);
}
 .text2 {
	 transform: rotate(-25deg) translate(-200px, 120px);
}
 .text3 {
	 transform: rotate(25deg) translate(-200px, 300px);
}
 .text3 {
	 transform: rotate(-2deg) translate(-200px, -150px);
}
 .text5 {
	 transform: rotate(5deg) translate(-200px, 250px);
}
 @keyframes animate {
	 0% {
		 transform: translateX(100%);
	}
	 100% {
		 transform: translateX(-100%);
	}
}
 @keyframes animate2 {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(-200%);
	}
}