@charset "UTF-8";

@font-face {
	font-family: HelveticaCond;
	src: url("../font/HelveticaLTStd-Cond.eot?#iefix") format("embedded-opentype"),
	url("../font/HelveticaLTStd-Cond.woff") format("woff"), 
	url("../font/HelveticaLTStd-Cond.ttf")  format("truetype"), 
	url("../font/HelveticaLTStd-Cond.svg#HelveticaLTStd-Cond") format("svg");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: HelveticaCondBold;
	src: url("../font/HelveticaLTStd-BoldCond.eot?#iefix") format("embedded-opentype"),  
	url("../font/HelveticaLTStd-BoldCond.woff") format("woff"), 
	url("../font/HelveticaLTStd-BoldCond.ttf")  format("truetype"), 
	url("../font/HelveticaLTStd-BoldCond.svg#HelveticaLTStd-BoldCond") format("svg");
	font-weight: normal;
	font-style: normal;
}

@-webkit-keyframes gradient-background {
    0%{background-position:100% 0%}
    50%{background-position:0% 100%}
    100%{background-position:100% 0%}
}
@-moz-keyframes gradient-background {
    0%{background-position:100% 0%}
    50%{background-position:0% 100%}
    100%{background-position:100% 0%}
}
@-o-keyframes gradient-background {
    0%{background-position:100% 0%}
    50%{background-position:0% 100%}
    100%{background-position:100% 0%}
}
@keyframes gradient-background {
    0%{background-position:100% 0%}
    50%{background-position:0% 100%}
    100%{background-position:100% 0%}
}

* {
	font-family: HelveticaCond, Helvetica, sans-serif;
}

body, html {
	height: 100%;
	color: #fff;
}
h1 {
	font-family: HelveticaCond, Helvetica, sans-serif;	
	font-size: 36px;
}
a {
	color: #fff;
}
a:hover {
	color: #fff;
}
body {
	background: linear-gradient(230deg, #48dd9a, #5dbfe1, #956fc5, #c4346d, #cc4242, #e66533, #e8c015, #a3d563, #48dd9a, #5dbfe1);
	background-size: 2000% 2000%;

	-webkit-animation: gradient-background 54s ease infinite;
	-moz-animation: gradient-background 54s ease infinite;
	-o-animation: gradient-background 54s ease infinite;
	animation: gradient-background 54s ease infinite;

}

.logo {
	width: 100%;
	background-blend-mode: overlay;
	display: inline-block;
}
.overlay {
	background: url('../img/background_overlay_desktop.png');
	background-size: cover;
	height: 100%;
	width: 100%;
	background-blend-mode: overlay;
	opacity: 0.8;
	position: fixed;
  	top: 0;
}
.scroll {
	overflow-y: scroll;
	height: 90%;
}
.infobox {
	border-left: #fff 1px solid;
	padding-left: 40px;
	min-height: 80px;
	font-size: 15px;
}
.info {
	margin: 100px 0 0 0;
}
.row {
	width: 100%;
}
.toprow {
	margin: 271px 0 0 0;
}
.logorow {
	margin:0;
}

/* MOBILE */


@media only screen and (max-width: 1200px) {
    /* For mobile phones: */
    .toprow {
    	margin: 223px 0 0 0;
    }
    h1 {
    	font-size: 28px;
    }
    .infobox {
		font-size: 12px;
	}
	.info .col-sm-6 {
		padding-right: 0;
	}
}

@media only screen and (max-width: 992px) {
    /* For mobile phones: */
    .toprow {
    	margin: 150px 0 0 0;
    }
    h1 {
    	font-size: 26px;
    }
    .infobox {
		font-size: 11px;
		padding-left: 20px
	}
	.info {
		margin: 30px 0 0 0;
	}
	.newline {
		display: inline-block;
	}
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    .toprow {
    	margin: 45px 0 0 0;
    }
    h1 {
    	padding: 0;
    	font-size: 28px;
    }
	.logorow {
		text-align: center;
	}

	.logo {
		width: 40%;
	}
	.infobox {
		font-size: 1.2em;
		text-align: left;
	}
	.info {
		margin: 45px 0 0 0;
	}

}

@media only screen and (max-width: 480px) {
    /* For mobile phones: */
	h1 {
		padding: 0;
		font-size: 24px;
	}
	.infobox {
		min-height: auto;
	}
}

@media only screen and (max-width: 375px) {
    /* For mobile phones: */
	h1 {
		padding: 0;
		font-size: 20px;
	}
	.infobox {
		font-size: 15px;
		min-height: auto;
	}
}