/*
 * Ryoy sivuston CSS tyylitiedosto 
 *
 * (c) Webbisivut.org 2015
 *
 */

@font-face {
    font-family: 'Source Sans';
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Source Sans';
}

header {
	width: 100%;
	min-height: 100px;
	background: #fff;
}

.logo {
	margin-top: 30px;
	text-align: left;
}

.logo img {
	width: 250px;
}

.phone {
	margin-top: 40px;
	margin-bottom: 0px;
	text-align: right;
}

.stripe {
	height: 19px;
	width: 100%;
	background: url(../img/stripe.png);
}

.banneri {
	width: 100%;
	height: auto;
	padding-top: 30%;
	background: url(../img/ostoskeskus.jpg) no-repeat;
	background-position: center center;
}

.banner_text {
	background: #222;
	color: #fff;
	padding: 10px;
	position: absolute;
	margin-top: 9%;
	margin-left: 15%;
	font-size: 26px;
}

.banner_text2 {
	background: #222;
	color: #fff;
	padding: 10px;
	position: absolute;
	margin-top: 14%;
	margin-left: 15%;
	font-size: 26px;
}

.main_wrap {
	width: 100%;
	height: auto;
	padding: 40px 0 50px 0;
	background: url(../img/concrete_wall.jpg);
}

.contact_wrap {
	width: 100%;
	height: auto;
	padding: 40px 0 50px 0;
	background: #fff;
}

input, textarea {
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	width: 90%;
}

footer {
	padding: 20px 0 15px 0;
	background: #222;
	color: #fff;
	text-align: center;
}

footer a:link, footer a:hover, footer a:active, footer a:visited {
	color: #fff;
}

@media (max-width: 992px) {
	.logo, .phone {
		text-align: center;
	}
	
	.phone {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	input, textarea {
		width: 100%;
	}
	
	.banner_text {
		margin-top: 8%;
		margin-left: 15%;
		font-size: 16px;
	}

	.banner_text2 {
		margin-top: 16%;
		margin-left: 15%;
		font-size: 16px;
	}
}

@media (max-width: 450px) {
	.banner_text {
		margin-top: 6%;
		margin-left: 15%;
		font-size: 13px;
	}

	.banner_text2 {
		margin-top: 16%;
		margin-left: 15%;
		font-size: 13px;
	}
}