/* manggil font */
@font-face{
	font-family: 'BebasNeue-Regular'
	src: url(../fonts/BebasNeue-Regular) format('woff');
}


html {
	position: relative;
}

body {
	margin-bottom: 100px;
	font-family: helvetica;
}

.jumbotron {
	background: url('../6.jpg') no-repeat center top;
	margin-top: 0px;
	padding-top: 250px;
	color: #fff;
	background-attachment: relative;
	background-position: center center;
	width: 100%;

	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size: 100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
}

.jumbotron img {
	width: 200px;
}

.jumbotron h1, .jumbotron p {
	text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

hr {
	width: 250px;
	border-top: 2px solid #333;

}

section {
	min-height: 600px;
}

.catalog {
	background: url('../8.png') no-repeat center top;
	margin-top: 0px;
	color: #fff;
	background-attachment: relative;
	background-position: center center;
	width: 100%;

	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size: 100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
}
.shirt img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.contact {
	min-height: 650px;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: #333;
	padding-top: 44px;
}

footer p {
	color: #aaa;
	font-size: 1em;
}

footer p i {
	color: salmon;
}