body{
/* color */

background: rgb(120,120,120);
background: -moz-linear-gradient(45deg, rgba(120,120,120,1) 0%, rgba(5,5,5,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(120,120,120,1) 0%, rgba(5,5,5,1) 100%);
background: linear-gradient(45deg, rgba(120,120,120,1) 0%, rgba(5,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d2e83",endColorstr="#36a9e1",GradientType=1);


/* position */
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

/*Font*/
font-family:'Roboto',sans-serif;font-weight:300; 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*Def*/
.wrapper {
	padding-top: 20vw;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.lname {
	position: center;
	font-family: 'Roboto', sans-serif;
	font-size: calc(0.6em + 1.5vw);
/*	font-size: 32px;*/
	color: rgb(0,129,114);
}

.lemail {
	position: relative;
	bottom: 1.2em;
	left: 0.1em;
	font-family: 'Roboto', sans-serif;
	font-size: calc(0.3em + 1.1vw);
	
/*	font-size: 20px; */
	color: rgb(0,129,114);
}


/*Responsiv*/

.imglogo {
	max-width: 9%;
	min-width: 1%;
	height: auto;
}

.texts {
	max-width: 35%
		
}



/* If the screen size is 601px wide or more, set the font-size of <div> to 80px 
@media screen and (min-width: 601px) {
  div.example {
    font-size: 80%;
  }
}

 If the screen size is 600px wide or less, set the font-size of <div> to 30px 
@media screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}
*/