@font-face {
  font-family		: 'Myriad Pro';
  src				: url('http://p-pack.audio/style/MyriadPro-Regular'), format('opentype');
}

body {
	font-family		: 'Myriad Pro';
	margin			: 0;
}

ccr-green {
	color			: #51ad32;
}

div.c-main {
	width			: 100vw;
	height			: 100vh;
	min-height		: 700px;
}

div.c-left {
	width			: 25%;
	height			: 100%;
	min-height		: 700px;
	float			: left;
	text-align		: center;
	position		: relative;
}

div.c-right {
	width			: 75%;
	height			: 100%;
	min-height		: 700px;
	float			: left;
}

div.c-left-bottom {
	position		: absolute;
	bottom			: 0px;
	font-size		: 14px;
	padding-left	: 20px;
	padding-right	: 20px;
}

div.c-title {
	position		: absolute;
	top				: 100;
	left			: 400;
	padding			: 10px;
	color			: white;
	font-size		: 40px;
	line-height		: 50px;
	z-index			: 10;
	margin			: 90px;
	background-color: rgba(134, 105, 91, 0.3);
}

div.c-footer {
	color			: gray;
	position		: absolute;
	bottom			: 10px;
	padding			: 15px;
	font-size		: 12px;
}

div#imprint {
	padding-bottom	: 20px;
	padding-right	: 50px;
}

div#imprint p a {
	font-family		: 'Myriad Pro';
	font-weight		: bold;
	text-decoration	: none;
	color			: gray;
}

a.button-style {
	background-color: #bab9b9;
	border-color	: gray;
	text-decoration	: none;
	color			: white;
	padding-left	: 10px;
	padding-right	: 10px;
	border			: 1px solid gray;
}

div#logo-frame {
	padding-top		: 100px;
	width			: 50%;
	margin-left		: auto;
	margin-right	: auto;
}

div#logo-frame img {
	width			: 100%;
}

a {
    color: #337ab7;
    text-decoration: none;
}

div#logobar-frame {
	width			: 75%;
	margin-left		: auto;
	margin-right	: auto;
}

div#logobar-frame img {
	width			: 100%;
}

h1.left {
	font-size		: 20px;
	line-height		: 1.1;
}