@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

html,
body {
    width: 100%;
    height: 100%;
    text-rendering: optimizelegibility;	
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    color: #151515;
    background: ##FFF;
    text-align: center;
}
a {
	color: #505050;
}
a:hover, a:focus  {
	color: #00a6d0;
}


body > div {
	display: block;
	padding: 2em;
	text-align: center;
}

.header {
	background: #fff;
	color: #505050;
	font-size: 1.75em;
}

.header a, .header a:hover {
	text-decoration: none;
	color: #505050;
}
.name strong, .header strong {
	font-weight: 500;
}
.name, .header  {
	letter-spacing: 0.025em;
}
.name{font-size: 1.15em;}
.blue {
	background: #00a6d0;
	color: #FFF;
	font-weight:  300;
	padding-top: 3em;
	padding-bottom: 3em;
	border-top:  4px solid #e74f10;
}
.bluebig {
padding-top: 8em;
padding-bottom: 10em;
}
.blue .text {
	font-size: 2.8em;
	padding-top: 1.5em;
	padding-bottom: 2.5em;
}

.blue .textsmall {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: .9em;
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.blue .textsmall h2 {
	font-size: 1.35em;
}
.blue .textsmall h4 {
	font-size: 1.15em;
}

.blue a {
	color: #FFFFFF;
}
.blue a:hover {
	color: #00a6d0;
	background: #FFFF;
	FFFFFF;
}
.contact {
	background: #505050;
	color: #FFF;
	font-weight: 300;
	padding-top: 3em;
	padding-bottom: 3em;
	font-size: .9em;
}
.contact a {
		color: #FFF;
}

.footer {
	background: #dadada;
	color: #505050;
}
.arrow {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.arrowwrap {
	width: 40px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.arrow{
  position: absolute;
  left: 1px;
  padding: 0;
}
@media Screen and (max-width: 660px) {
body > div {
	display: block;
	padding: 1em;
	text-align: center;
}
}


@media Screen and (max-width: 900px) {
	
	.blue {
		font-size: 1.4em;
	}
  .blue .text {
		font-size: 1.4em;
	}
  .bluebig {
  padding-top: 3em;
  padding-bottom: 4em;
  }
  h1{font-size: 1.5em;}
  .blue .textsmall {
  	font-size: .7em;
  }
  .blue .textsmall h2 {
  	font-size: 1.15em;
  }
  .blue .textsmall h4 {
  	font-size: .95em;
  }
}