body {

}
.headline {
  font-size: 3.5em; letter-spacing: 0.1em;
}
.blue {
  background-color: #189BDC; color: white; padding: 2vw 4vh 4vw 4vh;
}
.gray {
  background-color: #e0e0e0; padding: 2vw 4vh 4vw 4vh;
}
.slogan {
  font-size: 1.5em; font-weight: 700; line-height: 1.2;
  font-family: 'Roboto', sans-serif; letter-spacing: 0;
  padding: 4vw 0vh 0vw 0vh;
}
.sectiontitle {
  font-size: 1.5em; font-weight: 400; line-height: 1.2;
  font-family: 'Roboto', sans-serif; letter-spacing: 0;
  padding: 0vw 0vh 0vw 0vh;
}
.sectiondescription {
  font-size: 1.2em; font-weight: 100; line-height: 1.8;
  font-family: 'Roboto', sans-serif; letter-spacing: 0;
  padding: 0vw 0vh 0vw 0vh;
}
.top {
  margin-top: 0.1em;
}
a.toplink:link {
  color: #FFFFFF; border: 2px solid white; padding:4px;
}
a.toplink:visited {
  color: #FFFFFF; border: 2px solid white; padding:4px;
}
a.toplink:hover {
  color: #FFFFFF; border: 2px solid white; padding:4px;
}
a.toplink:active {
  color: #FFFFFF; border: 2px solid white; padding:4px;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-ukoqub');
	src:url('../fonts/icomoon.eot?#iefix-ukoqub') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-ukoqub') format('woff'),
		url('../fonts/icomoon.ttf?-ukoqub') format('truetype'),
		url('../fonts/icomoon.svg?-ukoqub#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-library:before {
	content: "\e600";
}
.icon-lab:before {
	content: "\e601";
}
.icon-googleplus:before {
	content: "\e602";
}
.icon-github:before {
	content: "\e603";
}
.icon-android:before {
	content: "\e604";
}
.icon-linkedin:before {
	content: "\e605";
}
.icon-html5:before {
	content: "\e606";
}
.icon-chrome:before {
	content: "\e607";
}

.big-icon {
  font-size: 5em;
}

.row {
  margin-bottom:40px;
  margin-top:30px;
}

.blue-border {
  border: 1px solid blue;
}

.red-border {
  border: 1px solid red;
}

@media screen and (max-width: 480px) {
  .headline { font-size: 4.5em; letter-spacing: 0.1em; }
  .slogan { font-size: 1.5em; font-weight: 400; line-height: 1.2; }
  .sectiontitle { font-size: 1.2em; font-weight: 350; line-height: 1.2; color: #189BDC }
  .sectiondescription { font-size: 1.1em; font-weight: 100; line-height: 1.2; }
  .top { margin-top: 1em; }
  .big-icon { margin-bottom: 10px; color: #189BDC; font-size: 3em; }
}