@charset "utf-8";
/* CSS Document */


body {
   margin: 0;
   padding: 0;
   min-width:100%;
   overflow-y:scroll;
   image-rendering: -webkit-optimize-contrast;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
 	::-webkit-scrollbar { 
    	display: right; 
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
	::-webkit-scrollbar { 
    	display: right; 
	}
}

.BackgroundColor {
	Background-color:white; 
	position:absolute;
}

a {
	color:none;
	text-decoration: none;
}

.Logo {
	position:fixed;
	top:0;
	margin-left:2vw;
	margin-top:0.7vh;
	width:6vw;
	height:auto;
	z-index:99999;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .Logo {
	position:absolute;
	margin-top:15px;
	margin-left:8vw;
	width: 80px;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  .Logo {
    margin-left:0.5vw;
	margin-top:23px;
	width: calc(35px + 5vw);  
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
  .Logo {
    margin-left:1vw;
	margin-top:9px;
	width:85px;  
   }
}

@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
  .Logo {
    margin-left:2vw;
	margin-top:7px;
	width:90px;
   }
}

.Logo img {
	position:relative;
	width:100%;
	height:auto;
}

.LogoTag {
	position:fixed;
	top:0;
	margin-left:2vw;
	margin-top:14vh;
	width:6vw;
	height:auto;
	z-index:9999;
	text-align:left;
	text-align: justify;
    text-justify: inter-word;
	   -moz-text-align-last: left; /* Code for Firefox */
    text-align-last: left;
	display:none;
}


@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
  .LogoTag {
    margin-left:2vw;
	margin-top:15vh;
	width:90px;
   }
}

.LogoPosition {
	position:absolute;
	width:auto;
	height:2vh;;
}

@media only screen  and (min-width : 1051px) {
.LogoPosition:hover .Logo {
	 border-bottom:4px solid #70efe4;
	transition: border-bottom 300ms ease;
}

@keyframes showLogoTag {
  from {opacity: 0;}
  to {opacity: 1;}
}

.LogoPosition:hover .LogoTag {
	display:block;
	animation: showLogoTag 1000ms ease-in-out both;
}
}

logotag {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:#919191;
	font-size: 0.7vw; 
	line-height: 70%;
}


@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
  logotag {
    font-size: 10px; 
	line-height: 70%;
   }
}

.MenuBar {
	position:fixed;
	height:auto;
	top:0;
	width:100%;
	pointer-events: none;
	z-index:999;
	background-color:none;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
    .MenuBar{
	position:relative;
	min-height:80px;
   }
}

.MenuIcon {
	position:relative;
	width:2vw;
	height:2vw;
	float:right;
	margin-right:4.7vw;
	margin-top:24px;
	background-color:none;
	background-image: url('../Images/Menu/Menu.png');
	background-size: cover;
	pointer-events: auto;
	z-index:9999;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
    .MenuIcon{
	position:absolute;
	margin-top:19px;
	right:5vw;
    width:40px;
	height:40px;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .MenuIcon{
    width:34px;
	height:34px;
	margin-top:26px;
	margin-right:3.8vw;
	}
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
   .MenuIcon{
    width:30px;
	height:30px; 
	margin-top:23px;
   }
}

@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
  .MenuIcon{
    width:28px;
	height:28px;
	margin-right:4.7vw;
	margin-top:24px;
   }
}

.MenuIcon img {
	position:relative;
	width:100%;
	height:auto;
}

.MenuIconBox :hover {
	cursor:pointer;
}

.MenuIcon :active {
	cursor:pointer;	
}

@keyframes showSiteMenu {
  from {opacity: 0;}
  to {opacity: 1;}
}


.SiteMenu {
	position:absolute;
	width:100%;
	height:auto;
	right:0vw;
	padding-top: 22px;
	padding-bottom:18px;
	overflow:auto;
	padding-right:8vw;
	margin-left:2vw;
	text-align:right;
	background-color:white;
	text-decoration: none;
	display:show;
	animation: showSiteMenu 600ms ease-in-out both;
	pointer-events: auto;
	z-index:999;
	-webkit-filter: drop-shadow(1px 1px 2px #f4f4f4);
  	filter: drop-shadow(1px 1px 2px #f4f4f4);
}


@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .SiteMenu {
	position:static;
	padding-bottom:2vh;
	margin-left:0;
	padding-top:90px;
	width:100%;
	padding-right:0vw;
	Border-bottom:solid 2px #f4f4f4;
   }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
    .SiteMenu {
	text-align:center;
    padding-top: 22px;
	padding-bottom:18px;
	padding-right:0vw;
	border-bottom:solid 1px #f4f4f4;
	}
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .SiteMenu {
    padding-top: 22px;
	padding-bottom:18px;
 	padding-right:11vw;
	border-bottom:solid 1px #f4f4f4;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .SiteMenu {
	padding-top: 22px;
	padding-bottom:18px;
	padding-right:8vw;
   }
}

.SiteMenuBox {
	Display:inline-block;
	width:auto;
	height:auto;
    padding-left:0vw;
    margin-right:0vw;
	margin-bottom:0vw;
    padding-top:0vw;
	color:#cbcaca;
	background-color:none;
}

.SiteMenuBox:hover {
	cursor:pointer;
	color:black !important;
	
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .SiteMenuBox {
	display:block;
    margin:auto;
	padding-bottom:2vw;
    padding-top:0vw;
	text-align:center;
   }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
    .SiteMenuBox {
    padding-left:1.5vw;
    padding-right:1.5vw;
	padding-bottom:6px;
    padding-top:6px;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .SiteMenuBox {
    padding-left:1vw;
    padding-right:1vw;
	padding-bottom:0vw;
    padding-top:0vw;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .SiteMenuBox {
	padding-left:0vw;
    padding-right:1vw;
	padding-bottom:0vw;
    padding-top:0vw;
   
   }
}

.SiteMenuInnerBox {
   position: relative;
   overflow: hidden;
   text-align: center;
   margin:auto;
   padding-bottom:0vw;
   padding-top:0vw;
   border-radius: 2px;
   background-color:none;
}

sitemenufont{
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1.2vw; 
	line-height: 2vw;
	padding-left:1vw;
    padding-right:1vw;
    padding-bottom:0vw;
    padding-top:0vw;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   sitemenufont {
   	font-size: 25px;
	line-height: 48px;
    padding-left:4vw;
    padding-right:4vw;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   sitemenufont {
   	font-size: 18px;
	line-height: 167%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   sitemenufont {
   	font-size: 18px;
	line-height: 167%;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   sitemenufont {
   	font-size: 18px;
	line-height: 167%;
   }
}


.PageIntroductionContainer {
	margin-top:calc(140px + 14vh);
	margin-bottom:0vh;
	padding-bottom:0vh;
}


@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .PageIntroductionContainer{
	margin-top: calc(80px + 5vh);
	
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .PageIntroductionContainer {
	margin-top:calc(120px + 8vh);
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .PageIntroductionContainer {
	margin-top:calc(100px + 15vh)
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .PageIntroductionContainer {
	margin-top:calc(100px + 18vh);
   }
}


.ProjectContainer {
	margin-top:20vh;
	margin-bottom:0vh;
	padding-bottom:0vh;
}

.ProjectContainer2 {
	margin-top:20vh;
	margin-bottom:0vh;
	padding-bottom:0vh;
	Filter: hue-rotate(90deg);
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectContainer {
	margin-top:8vh;
	
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .ProjectContainer {
	margin-top:10vh;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .ProjectContainer {
	margin-top:15vh;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .ProjectContainer {
	margin-top:18vh;
   }
}

.ProjectImages{
	position:relative;
	width:80vw;
	margin:auto;	
	height:auto;
	margin-top:10vh;
	background-color:none;
	overflow: hidden;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectImages {
   	position:relative;
	width:100vw;
	margin:auto;
	margin-top:10vh;
	padding:0;
	margin-bottom:0vh;
    }
}


.ProjectImageBox {
	margin:auto;
	text-align:center;
	
}

.ProjectImage {
	position:relative;	 
	
}

.ProjectImage img {
	width:68vw;
	height:auto;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectImage img {
	width:100vw;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  .ProjectImage img {
	width:80vw;
   }
}

.ImageUnderscript {
	margin-top:1vh;
	text-align:left;
	margin-left:10%;
	margin-bottom:1.5vh;
}

.ImageUnderscriptCenter {
	margin-top:1vh;
	text-align:center;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:1.5vh;
}


imageunderscript{
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1vw; 
	line-height: 1vw;
	color:#919191;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   imageunderscript{
   font-size: 11px; 
   line-height: 11px;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  imageunderscript{
   font-size: 11px; 
   line-height: 11px;
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
   imageunderscript{
   font-size: 12px; 
   line-height: 12px;
   }
}

@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
   imageunderscript{
   font-size: 14px; 
   line-height: 11px;
   }
}

.ProjectInformation{
	position:static;
	width:32%;
	height:auto;
	margin-top:10vh;
	background-color:none;
	margin:auto;
	text-align:center;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectInformation {
   	width:80%;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .ProjectInformation {
	width:70%;
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
   .ProjectInformation {
	width:55%;
   }
}

@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
   .ProjectInformation {
	width:38%;
   }
}

.ProjectInformationCenter{
	position:static;
	width:25%;
	height:auto;
	margin-top:0vh;
	background-color:none;
	margin:auto;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectInformationCenter {
   	width:80%;
	margin:auto;
    }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .ProjectInformationCenter {
	width:50%;
	margin:auto
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
   .ProjectInformationCenter{
	width:40%;
	margin:auto
   }
}

.ProjectInformationTitle {
	margin-top:0;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5vh;
}

.ProjectInformationTitleCenter {
	margin-top:0;
	margin:auto;
	margin-bottom:5vh;
	text-align:center;
}

ProjectTitle {
	font-family: 'Montserrat' , sans-serif;
	font-weight:700;
	font-size: 2.0vw; 
	line-height: 1.6vw;
	color:#252525;
	text-align:center;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   ProjectTitle  {
   font-size: 25px; 
   line-height: 20px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   ProjectTitle  {
   font-size: 22px; 
   line-height: 17px;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    ProjectTitle  {
   font-size: 25px; 
   line-height: 20px;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   ProjectTitle  {
   font-size: 25px; 
   line-height: 20px;
   }
}



ProjectTitleSmall {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1.5vw; 
	line-height: 1.6vw;
	color:#252525;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   ProjectTitleSmall  {
   font-size: 20px; 
   line-height: 20px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   ProjectTitleSmall  {
   font-size: 20px; 
   line-height: 20px;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    ProjectTitleSmall  {
   font-size: 20px; 
   line-height: 20px;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   ProjectTitleSmall  {
   font-size: 20px; 
   line-height: 20px;
   }
}

.AboutSplit {
	position:relative;
	width:auto;
	height:auto;
	margin-top:8vh;
	margin-bottom:3vh;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .AboutSplit {
   margin-bottom:140px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .AboutSplit  {
   margin-bottom:120px;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    .AboutSplit {
   margin-bottom:100px;
   }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .AboutSplit {
   font-size: 20px; 
   margin-bottom:50px;
   }
}


.AboutSplitImage {
	position:relative;
	width: 45%;
	margin-right:7%;
	height:auto;
	display:inline-block;
	
}

.AboutSplitImage img{
	width:100%;
	border-radius:4px;
}

.AboutSplitText {
	width: 48%;
	float:right;
	text-align: left;
	white-space: pre-line;
}

splittitle {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1.1vw; 
	line-height: 100%;
	color:#919191;
	white-space: initial;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  splittitle {
   font-size: 12px; 
   line-height: 12px;
	display: block;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  splittitle {
   font-size: 14px; 
   line-height: 15px;
   display: block;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   splittitle  {
   font-size: 15px; 
   line-height: 15px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   splittitle{
   font-size: 15px; 
   line-height: 15px;
    }
}

splittext {
	Display:block;
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1.1vw; 
	line-height: 100%;
	color:#232323;
	padding-bottom:2vh;
}
@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  splittext {
   font-size: 12px; 
   line-height: 12px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  splittext {
   font-size: 14px; 
   line-height: 15px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   splittext  {
   font-size: 15px; 
   line-height: 15px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   splittext{
   font-size: 15px; 
   line-height: 15px;
    }
}

.ProjectInformationText {
	margin-top:0;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5vh;
	text-align: justify;
    text-justify: inter-word;
	white-space: pre-line;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectInformationText {
   	margin-left:0%;
	margin-right:0%;
	text-align:left;
	text-align: justify;
    text-justify: inter-word;
	   -moz-text-align-last: left; /* Code for Firefox */
    text-align-last: left;
    }
}


ProjectText {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 1vw; 
	line-height: 1.5vw;
	color:#919191;
	
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  ProjectText  {
   font-size: 12px; 
   line-height: 6px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  ProjectText  {
   font-size: 12px; 
   line-height: 6px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    ProjectText  {
   font-size: 14px; 
   line-height: 7px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   ProjectText  {
   font-size: 14px; 
   line-height: 7px;
    }
}



cvtext {
	width:100%;
	text-align: left; 
	float: left;
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 0.98vw; 
	line-height: 2vw;
	color:#919191;
	padding-bottom: 20px;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  cvtext  {
   font-size: 12px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  cvtext  {
   font-size: 12px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    cvtext  {
   font-size: 14px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   cvtext {
   font-size: 14px; 
   line-height: 180%;
    }
}


cvtextyear {
	width:100%;
	text-align: left; 
	float: left;
	font-family: 'Montserrat' , sans-serif;
	font-weight:600;
	font-size: 0.98vw; 
	line-height: 2vw;
	color:#252525;
	padding-bottom: 20px;;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  cvtextyear   {
   font-size: 12px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  cvtextyear   {
   font-size: 12px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    cvtextyear   {
   font-size: 14px; 
   line-height: 180%;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   cvtextyear  {
   font-size: 14px; 
   line-height: 180%;
    }
}


.ProjectInformationTextExpertice {
	margin-top:0;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:0.5vh;
	text-align: justify;
    text-justify: inter-word;
	white-space: pre-line;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .ProjectInformationTextExpertice {
   	margin-left:0%;
	margin-right:0%;
	text-align:left;
	text-align: justify;
    text-justify: inter-word;
	   -moz-text-align-last: left; /* Code for Firefox */
    text-align-last: left;
    }
}

experticetext {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1vw; 
	line-height: 1.5vw;
	margin-bottom:4vh;
	color:#919191;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  experticetext  {
   font-size: 12px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  experticetext  {
   font-size: 12px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    experticetext  {
   font-size: 14px; 
   line-height: 20px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   experticetext  {
   font-size: 14px; 
   line-height: 20px;
    }
}

personaltitle {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1vw; 
	line-height: 1.4vw;
	color:#919191;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  personaltitle  {
   font-size: 11.5px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  personaltitle  {
   font-size: 11.5px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    personaltitle  {
   font-size: 13.5px; 
   line-height: 20px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   personaltitle  {
   font-size: 13.5px; 
   line-height: 20px;
    }
}

personaltext {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 1vw; 
	line-height: 1.4vw;
	margin-bottom:4vh;
	color:#bfbfbf;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  personaltext  {
   font-size: 11.5px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  personaltext  {
   font-size: 11.5px; 
   line-height: 18px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    personaltext  {
   font-size: 13.5px; 
   line-height: 20px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   personaltext {
   font-size: 13.5px; 
   line-height: 20px;
    }
}

.CenterButton {
	display: block;
	text-align: center;
	
}

button {
    width: auto;
    margin-top: 15vh;
	padding-right:1.2vw;
	padding-left:1.2vw;
	height:4vw;
	font-family: 'montserrat', sans-serif;
	font-weight: 300;
	font-size: 20px;
	background-color:white;
	border: 1px solid #919191;
	border-radius: 4px;
	color:#252525;
	transition: background-color 300ms ease, color 300ms ease;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
 	button { 
    	padding-right:4vw;
		padding-left:4vw;
		height:10vh;
		margin-bottom:10vh;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
	button { 
    	padding-right:2vw;
		padding-left:2vw;
		height:10vh;
		margin-bottom:10vh;
   }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Tablet view: 2 tiles */
	button { 
    	padding-right:1.5vw;
		padding-left:1.5vw;
		height:10vh;
   }
}

@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Tablet view: 2 tiles */
	button { 
    	padding-right:1.5vw;
		padding-left:1.5vw;
		height:10vh;
   }
}

button:hover {
	border: 1px solid #252525;
	border-radius: 4px;
	background-color:#252525;
	color:white;
	cursor:pointer;
	transition: background-color 350ms ease, color 500ms ease;
}

button:focus {
	outline:none;
}


.CopyRight {
    clear:both;
	position:relative;
	bottom:0;
	padding-top:5vh;
	margin:auto;
	width:auto;
	height:auto;
	text-align:center;
}
	

copyrighttext {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 0.95vw; 
	line-height: 1.2vw;
	color:#919191;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  copyrighttext {
   font-size: 12px; 
   line-height: 6px;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  copyrighttext  {
   font-size: 12px; 
   line-height: 6px;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    copyrighttext  {
   font-size: 14px; 
   line-height: 7px;
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   copyrighttext {
   font-size: calc(12px + 0.2vw); 
	line-height: 120%;
    }
}

.ContactLink {
	color:#515151 !important;
	font-weight:400;
}

contacttext {
	font-family: 'Montserrat' , sans-serif;
	font-weight:300;
	font-size: 0.8vw; 
	line-height: 300%;
	color:#a0a0a0;
	display:block;
	margin-bottom:25px;
}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
  contacttext  {
   font-size: 10px; 
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
  contacttext   {
   font-size: 10px; 
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
    contacttext   {
   font-size: 11px; 
    }
}
@media only screen and (max-width : 1400px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   contacttext  {
   font-size: calc(9px + 0.2vw); 
    }
}