@media (min-width: 450px) and (max-width: 900px) {

/*--------------------------------------------------------------*/
/*----------------------------EXPORT-IN-------------------------*/
/*--------------------------------------------------------------*/




.titleholder{
  padding: 4% 13%;
  background-color: black;
  width: 88%;
  margin-top: 15%;
}

.titleholder > h1{
color:white;
}


.container{
width:100%;
}


.welcometext{
  padding: 9% 12% 12%;
}
.welcometext > p{
  font-style: italic;
}


.wwtainer{
}

.texttainer{
  display: flex;
  flex-direction: column;
  width: 100%;
  order: 2;
  padding: 5% 12%;
  margin-bottom: 7%;
  margin-top:-15%;
}
.wwwelcome{
  margin-bottom: -3%;
}
.wwwelcome > p{
  width: 20rem;
  margin-bottom: 12%;
}


.maptainer{

  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sidetext{
  margin-left: 3%;
}
.sidetext > p{
  
}


.map{
  width: 100%;
  padding: 0px 3%;
  order: 1;
  position: relative;
  padding-top: calc(242.98/304.567 * 123%);
  margin-bottom: 20%;
}


.map > svg{
  object-fit: contain;
  width: 123%;
  position: absolute;
  top: 0;
  right: -20%;
}


.icontainer{
  width: 100%;
  padding: 16% 0%;
  background-color: #efefef;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.iconwelcome{
  width: 100%;
  display:flex;
  justify-content: center;
}

.iconwelcome > p{
  margin-bottom: 6%;
  width: 84%;
}


.icons{
display:flex;
flex-direction: column;
width: 84%;
}
.icons > span{
  display:flex;
  align-items: center;
}


.icons > span > img{
  width: 13vw;
}
.icons > span:nth-child(1) > img{
}
.icons > span:nth-child(2) > img{
}
.icons > span:nth-child(3) > img{
}

.icons > span > p{
  margin-left: 5%;
}


.contact{
  padding: 15% 13%;
}

.contact > p{
  margin-bottom: 15%;
  font-style: italic;
}





.partners{
  background-color: #efefef;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.partnerlist{
  display: flex;
  flex-wrap: wrap;
  padding: 4%;
  align-items: center;
}

.pimg{
  object-fit: contain;
  padding:2%;

  width: calc(100%/7);
}



.partnertext{
  align-self: flex-end;
  padding: 2%;
  border-top: 1px solid gray;
  background-color: black;
  color: white;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

.partnertext > p{
  color:rgb(26, 26, 26);

}


/**/



/**/
}




.backtomainbutton{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: black;
  background-image: url("../.././img/icons/slide_balra.svg");
  background-position: center center;
  position: absolute;
  top: -3%;
  margin-top: 1rem;
  margin-left: 1rem;
  transform-origin: center;
}

.backtomainbutton:hover{
opacity:0.9;
transform: scale(1.05);
}

.backtomainbutton:active{
  transform: scale(1.02);
}