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

@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500);

* {
	box-sizing: border-box;
}

body {
	margin: 0;
  	font-weight: 300;
  	font-family: "Roboto" /*Helvetica, Arial, sans-serif*/;
}

section {
  	width: 100%;
  	padding: 0 20%;
  	display: table;
  	margin: 0;
  	max-width: none;
  	background-color: #fff;
  	height: 80vh;
}

section:nth-of-type(2n) {
  background-color: #fff;
}

.intro {
	background-color: #fff;
	background-image: url("../images/background_uc_4k.png");
	background-position: center;
	height: 100vh;
	background-size: contain;
	background-repeat: no-repeat;
}

.logo {
  	display: table-cell;
  	vertical-align: top;
	padding: 5% 1%
}

.title {
  	display: table-footer-group;
 	vertical-align: bottom;
}

.content {
  	display: table-cell;
  	vertical-align: middle;
}

h1 {
	font-weight: 100;
  	font-size: 4.5em;
  	display: block;
	color: #000;
	text-transform: uppercase;
}

h2 {
	font-weight: 100;
  	font-size: 2.0em;
  	display: block;
  	color: #000;
	text-transform: uppercase;
	padding-bottom: 2%;
}

p {
	font-size: 1.25em;
	line-height: 2.20em;
  	color: #000;
}

footer {
	padding: 3% 5%;
  	text-align: center;
  	background-color: #21241e;
	/*#373b44*/
}

footer p {
	font-size: 1.00em;
	color: white;
}