html {
	position: relative;
	min-height: 100%;
}

body {
	min-height: 100%;
	font-family: Signika;
	background: url('../images/background.jpg') center center no-repeat fixed;
	background-size: cover;
}

.col-left,
.col-right {
	width: 50%;
	height: 100%;		
	text-align: center;
}

.col-left {	
	padding: 50px;
}

.col-right {
	position: fixed;
	right:0;
	top:0;
}

.page-header {
	border: 0;
}

h1 {
	color: #252525;
	margin: 20px 0 0;
	font-size:30px;
}

h2 {
	color: #757575;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

.content {
	font: 16px/24px 'Signika';
	color: #252525;
	margin-bottom: 40px;
}

.col-right img {
	position: absolute;
	bottom:0; 
	max-width: 80%;
	max-height: 80%;
	right: 0;
}

.yiiLog {
	display: none;
}

/*

xs < 768px
sm < 992px
md < 1200px
lg > ...  

*/


@media (max-width: 600px) {

	body {
		background-position: center left;
	}

	.col-left,
	.col-right {
		width: 100%;
		height: auto;		
		position: relative;		
	}

	.col-right img {
		position: static;
		transform: none;
	}
}

@media (min-width: 769px) and (max-width:992px) {
}

@media (min-width: 993px) {
}