@charset "UTF-8";

@font-face{
	font-family: 'NunitoVar';
	src: url("https://static.igem.wiki/teams/4806/wiki/website/assets/fonts/nunito-variablefont-wght.ttf") format('truetype');
	font-style: normal;
	font-weight: 1 999;
}

@font-face{
	font-family: 'NunitoVar';
	src: url("https://static.igem.wiki/teams/4806/wiki/website/assets/fonts/nunito-italic-variablefont-wght.ttf") format('truetype');
	font-style: italic;
	font-weight: 1 999;
}

@font-face{
	font-family: 'NunitoSansVar';
	src: url("https://static.igem.wiki/teams/4806/wiki/website/assets/fonts/nunitosans-variablefont-ytlc-opsz-wdth-wght.ttf") format('truetype');
	font-style: normal;
	font-weight: 1 999;
}

@font-face{
	font-family: 'NunitoSansVar';
	src: url("https://static.igem.wiki/teams/4806/wiki/website/assets/fonts/nunitosans-italic-variablefont-ytlc-opsz-wdth-wght.ttf") format('truetype');
	font-style: italic;
	font-weight: 1 999;
}

	

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: 'NunitoVar';
  scroll-behavior: auto !important;
  text-align: justify;
}

body {
  font-family: 'NunitoVar';
  overflow-x: hidden !important;
}

.nomargin{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*Top of page navigation bg and Intro*/
.navbar-foreground {
  z-index: 101;
  background-color: rgba(0,64,108,1.00);
}
#WaveHead {
	position: relative;
	width: 100vw;
}

/*Bottom of Page Footer Waves and Bg*/
.waves {
  position: relative;
  width: 100%;
  height: 20vh;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 400px;
}
/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 992px) {
  .waves {
    max-height: 10vh;
    min-height: 40px;
  }
  .content {
    height: 30vh;
  }
}
/*LogoWrapper*/
.Logo-wrapper {
  width: 96vw;
  height: 10vh;
  position: relative;
  margin: auto;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.37);
}
.Logo {
  width: 6vw;
  height: auto;
  position: absolute;
  font-size: 25px;
  line-height: 10vh;
  text-align: center;
}
.Logo-img {
  width: 6vw;
  height: auto;
  padding-left: 10px;
}
.SponsorLogos {
  position: relative;
  left: -6vw;
}
.LogoiGEM {
  padding-left: 0px;
  top: 0%;
}
#frontWave {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 5;
  height: 20vh;
  width: 100vw;
  position: absolute;
}
.BottomOfPage {
  z-index: 99;
  background-color: #153F69;
}
#BackTTBtn {
	position: fixed;
	bottom: 85px;
	right: 5vh;
	z-index: 100;
	cursor: pointer;
	width: 10vw;
	height: 10vw;
	min-height: 30px;
	min-width: 30px;
	max-height: 60px;
	max-width: 60px;
	background-color: white;
	border: thin solid #000000;
	}

#BackTTBtn:hover {
  scale: 1.1;
}

#GoToBtmBtn{
  position: fixed;
  bottom: 20px;
  right: 5vh;
  z-index: 100;
  cursor: pointer;
  width: 10vw;
  height: 10vw;
  min-height: 30px;
  min-width: 30px;
  max-height: 60px;
  max-width: 60px;
  background-color:black;
}	

#GoToBtmBtn:hover{
	scale: 1.1;
}

.references{
  font-family: 'NunitoSansVar';
  font-style: normal;
  font-size: 8px;
  margin-bottom: 50px;
  margin-top: 30px;
}

/*Introduction under Nav*/
.introduction {
	background-color: #00406C;
	border-radius: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-image: -webkit-linear-gradient(90deg,rgba(100,192,255,1.00) 0%,rgba(0,64,108,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(100,192,255,1.00) 0%,rgba(0,64,108,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(100,192,255,1.00) 0%,rgba(0,64,108,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(100,192,255,1.00) 0%,rgba(0,64,108,1.00) 100%);
  min-height: 300px;
}

#headimg1 {
	position: relative;
	height: 120px;
	left: 10px;
	bottom: 19px;
}
#headimg1:hover{
	scale:1.1;
}

#headimg2 {
	position: relative;
	height: 133px;
	left: 20vw;
	bottom: -242px;
	display: inline;
}
#headimg2:hover{
	scale:1.1;
}
#headimg3 {
	position: relative;
	height: 80px;
	left: 18vw;
	bottom: 30px;
}
#headimg3:hover{
	scale: 1.1;
}
#headimg4 {
	position: relative;
	height: 156px;
	left: 75vw;
	bottom: 152px;
}
#headimg4:hover{
	scale:1.1;
}
#headimg5 {
	position: relative;
	height: 124px;
	left: 59vw;
	bottom: 130px;
}
#headimg5:hover{
	scale:1.1;
}
#NameHead {
	text-align: center;
	position: relative;
	top: 150px;
  width: 100vw;
	color: #FFFFFF;
  z-index: 20;
  margin-bottom: 10px;
}

.Team{
width: 180px;
height: 180px;
}

.Team:hover{
  scale: 1.1;
}

.Departement{
  width: 300px;
  height: 300px;
}

.Departement:hover{
  scale:1.1;
}

/*Styling deisgn for nav general*/
.sideNav/*Adjust name for class!!!*/{
	text-align: center;
	margin-bottom: 3px;
}

/*Adjust height to keep Side Navigation centered/on Top at beginning also change name to class! if not automatically*/

/*@media (min-width: 768px) {
	.navHeight{
		height:800px;
	}
}

@media (min-width: 992px) {
	.navHeight{
		height: 600px;
	}
}

@media (min-width: 1200px){
	.navHeight{
		height: 400px;
	}
}*/

/*Styling of Links in sideNav*/
.navSide{
	color: rgb(0, 0, 0);
	font-weight: 500;
	font-size: 20px;
  text-decoration: none;
}

.navSide:hover{
	font-weight: 900;
	text-decoration: none;
	color:white;
}

.navSide:active{
	color:lightgreen;
}

@media (max-width: 575.98px){
  .spacesidemobile{
    padding-top: 30px;
  }
}

.Textsequence {
	font-size: x-large;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
}

#BottomStop{
	padding-top: 50px;
	text-align: center;
	font-size: 40px;
	font-weight: 800;
  margin-bottom: 20vh;
}

canvas {
  max-width: 100vw;
  max-height: 100vh;
}

.canvas-container {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #ffffff;
}

.imgSequence {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  justify-items: center;
  > * {
    grid-area: 1 / 1 / 2 / 2;
	}}
#text1{
	position: relative;
	color:black;
}
#text1-5{
	position: relative;
	color:black;
}
#text2{
	position: relative;
	color:black;
}
#text3{
	position: relative;
	color:black;
}
#text3-5{
	position: relative;
	color:black;
}
#text4{
	position: relative;
	color:black;
}
#text5{
	position: relative;
	color:black;
}
#text6{
	position: relative;
	color:black;
}
#text7{
	position: relative;
	color:black;
}
#text8{
	position: relative;
	color:black;
}
#text9{
	position: relative;
	color:black;
}
#text10{
	position: relative;
	color:black;
}
#text10-5{
	position: relative;
	color:black;
}
#text11{
	position: relative;
	color:black;
}
#text11-5{
	position: relative;
	color:black;
}
#text12{
	position: relative;
	color:black;
}


look{
	font-weight: 500;
}


@media (min-width: 1400px)
{
	look{
        font-weight: 600;
    }
    
	#text1{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -27vh;
	left: 20vw;
  width: 50%;
        font-size: 30px;
        color: black;
}
    #text1-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -27vh;
	left: 20vw;
  width: 50%;
        font-size: 30px;
        color: black;
}
	#text2{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -10vh;
	left: 12vw;
  width: 65%;
        font-size: 33px;
        color: black;
}
	#text3{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -22vh;
	left: 25vw;
        width: 40%;
        color: black;
        font-size: 26px;
}
    #text3-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -21vh;
	left: 24vw;
        width: 40%;
        color: black;
        font-size: 26px;
}
	#text4{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: 20vh;
	left: 0px;
        width:80%;
        font-size: 30px;
        color: black;
}
	#text5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 500;
	top: -35vh;
	left: 0px;
        color: white ;
        font-size: 45px;
        width: 85%
        
}
	#text6{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;	
        color: white ;
        font-size: 35px;
        width: 80%;
        scale: 1.3;
}
	#text7{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: -12vh;
	left: 19vw;	
        font-size: 40px;
        width: 50%;
        color: black;
}
	#text8{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
            color: black ;
}
   
	#text9{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
        color: black ;
}
    #text9-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
        color: black ;
}
	#text10{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 23vh;
	left: 0px;
        width: 80%;
        font-size: 35px;
        color: black;
}
    #text10-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 23vh;
	left: 0px;
        width: 80%;
        font-size: 35px;
        color: black;
}
	#text11{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -23vh;
	left: 0px;	
        width: 85%;
        font-size: 33px;
        color: black;
}
    #text11-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -22vh;
	left: 0px;	
        width: 85%;
        font-size: 30px;
        color: black ;
}
	#text12{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: 0px;
	left: -29vw;	
        width: 30%;
        font-size: 35px;
        color: black;
}

}



@media (max-width: 1399.98px) {
	look{
        font-weight: 700
    }
   
	#text1{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -25vh;
	left: 19vw;
        width: 50%;
        font-size: 20px;
        color:black ;
}
    #text1-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -25vh;
	left: 19vw;
        width: 50%;
        font-size: 20px;
        color:black ;
}
	#text2{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -7vh;
	left: 12vw;
        font-size: 25px;
        width: 65%;
        color: black ;
}
	#text3{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -18vh;
	left: 27.5vw;
        font-size: 20px;
        width: 40%;
        color: black;
}
    #text3-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -23vh;
	left: 23vw;
        font-size: 20px;
        width: 50%;
        color: black;
}
	#text4{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 19vh;
	left: 0px;
        width: 90%;
        font-size: 25px;
}
	#text5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 500;
	top: -29vh;
	left: 0px;
        color: white;
        width: 90%;
        font-size: 30px;
}
	#text6{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: 0px;
	left: 0px;
        color: white ;
        width: 80%;
        font-size: 30px;
}
	#text7{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 18vw;
        width: 50%;
        color: black;
        
}
	#text8{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 200;
	top: 0px;
	left: 0px;
        width: 80%;
        color: black;
        font-size: 27px
}
    
    
	#text9{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        font-size: 30px;
        color: black ;
        width: 85%;
}
    #text9-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        font-size: 30px;
        color: black ;
        width: 85%;
}
	#text10{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: 20vh;
	left: 0px;	
        width: 90%;
        color: black;
        
}
    #text10-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: 20vh;
	left: 0px;	
        width: 90%;
        color: black;
}
	#text11{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 250;
	top: -22vh;
	left: 0px;
        width: 90%;
        color: black;
}
    #text11-5{
	position: relative;
	padding-left: 30px;
	padding-right: 25px;
	font-weight: 250;
	top: -24vh;
	left: 0px;
        width: 90%;
        color: black;
}
	#text12{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: -29vw;	
        width: 40%;
        color: black;
}

}

@media (max-width: 1200px){
	#text1{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -30px;
	left: 70px;
  width: 50%;	
}
	#text2{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -70pxpx;
	left: 70pxpx;
  width: 70%;	
}
	#text3{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 150;
	top: -10vh;
	left: 20vw;	
	font-size: 15px;
	width: 50%;	
}
#text3-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 150;
	top: -10vh;
	left: 20vw;	
	font-size: 15px;
	width: 50%;	
}
	#text4{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text6{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text7{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text8{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text9{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
#text9-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text10{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text11{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
#text11-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}
	#text12{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;		
}

}

@media (max-width: 992px)
{
	look{
        font-weight: 300;
    }
    
	#text1{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -27vh;
	left: 20vw;
  width: 50%;
        font-size: 30px;
        color: black;
		scale: 0.5;
}
    #text1-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -27vh;
	left: 20vw;
  width: 50%;
        font-size: 30px;
        color: black;
		scale: 0.5;
}
	#text2{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -10vh;
	left: 12vw;
  width: 65%;
        font-size: 33px;
        color: black;
		scale: 0.5;
}
	#text3{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -22vh;
	left: 25vw;
        width: 40%;
        color: black;
        font-size: 26px;
		scale: 0.5;
}
    #text3-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -21vh;
	left: 24vw;
        width: 40%;
        color: black;
        font-size: 26px;
		scale: 0.5;
}
	#text4{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: 20vh;
	left: 0px;
        width:80%;
        font-size: 30px;
        color: black;
		scale: 0.5;
}
	#text5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 500;
	top: -35vh;
	left: 0px;
        color: white ;
        font-size: 45px;
        width: 85%;
		scale: 0.5;
        
}
	#text6{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;	
        color: white ;
        font-size: 35px;
        width: 80%;
        scale: 0.5;
}
	#text7{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: -12vh;
	left: 19vw;	
        font-size: 40px;
        width: 50%;
        color: black;
		scale: 0.5;
}
	#text8{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
            color: black ;
			scale: 0.5;
}
   
	#text9{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
        color: black ;
		scale: 0.5;
}
    #text9-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 0px;
	left: 0px;
        width: 90%;
        font-size: 40px;
        color: black ;
		scale: 0.5;
}
	#text10{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 23vh;
	left: 0px;
        width: 80%;
        font-size: 35px;
        color: black;
		scale: 0.5;
}
    #text10-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: 23vh;
	left: 0px;
        width: 80%;
        font-size: 35px;
        color: black;
		scale: 0.5;
}
	#text11{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -23vh;
	left: 0px;	
        width: 85%;
        font-size: 33px;
        color: black;
		scale: 0.5;
}
    #text11-5{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	top: -22vh;
	left: 0px;	
        width: 85%;
        font-size: 30px;
        color: black ;
		scale: 0.5;
}
	#text12{
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	top: 0px;
	left: -29vw;	
        width: 30%;
        font-size: 35px;
        color: black;
		scale: 0.5;
}

}


	.GoToCall{
		text-align: center;
		font-size: x-large;
		width: 80%;
		max-height:20%;
		margin-right: 10%;
		margin-left: 10%;
		margin-bottom: 30px;
		margin-top: 30px;
		border-radius: 20px;
		color: #368123;
		padding: 10px;
		overflow: hidden;
	}
	.GoToCall:hover{
		color: #0eb2f3;
		text-decoration: none;
		scale:1.1;
	}

	.no-link{
		text-decoration: none;
	}
	
	.no-link:hover{
		text-decoration: none;
	}
	
	.SciImg{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.TitelSci{
		text-align: center;	
		font-size: 25px;
		font-weight: 300;
		
	}
	.SubSci{
		text-align: center;	
		font-family: 'NunitoSansVar';
		font-style: normal;
		font-size: 14px;
	}
	.col-border {
		border: thin solid #000000;
	}
	
	.SciCont{
		padding-left: 30px;
		padding-right: 30px;
	}

	.slide-size{
		max-height: 400px;
		max-width: auto;
	}

	#scrollaction{
		height: 100px;
		position:relative;
		stroke: white;
	}

	.please-scroll{
		width: 100%;
		margin-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}

	.listproto{
		color:#0E94B6;
		font-size: 30px;
		font-weight: 400;
	}
	
	.listproto:hover{
		color:#64AE58;
		font-weight: 500;
	}
	
	.proto{
		margin-top: 10vh;
		margin-bottom: 10vh;
	}
	
	.modistance:not(:last-child){
		margin-bottom: 30px;
	}