/* Name: Marangus.com */

html, body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	background: url(../images/Marangus_BG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
}

body { 
	background-color: #333;
	color: #fff;
}

.centerbox {
	background-color: #333;
	-webkit-box-shadow: 0px 0px 56px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 56px 6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 56px 6px rgba(0,0,0,0.75);
	width: 230px;
	min-height: 100%;
    margin: 0 auto;
}

.slogan {
	padding-top: 50px;
}

.slogan p {
	color: #fff;
	font-size: 11px;
	margin: 3px;
}

.slogan a {
	color: #f6ad6e;
}

.slogan h1 {
	font-family: 'Slabo 27px', serif;
	font-size: 35px;
	font-weight: 400;
	color: #f6ad6e;
	line-height: 30px;
}

.slogan h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.logo {
    position: relative;
    left: -15%;
    padding-top: 15px;
    padding-bottom: 35px;
}

.logo img {
	height: 185px;
	width: auto; 
}

/* Responsive CSS */

@media only screen and  (min-width: 1600px) {

.centerbox {
	width: 270px;
}

.logo img {
	height: 220px;
	width: auto; 
}

}

@media only screen and  (max-width: 1139px) {

.slogan {
	padding-top: 30px;
}

.slogan h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.logo {
    position: relative;
    left: -11%;
    padding-top: 15px;
    padding-bottom: 35px;
}

.logo img {
	height: 175px;
	width: auto; 
}

}

@media only screen and  (max-width: 1036px) {
	

}

@media only screen and  (max-width: 756px) {

}

@media only screen and  (max-width: 540px) {

.logo {
    position: relative;
    left: 0;
}

.centerbox {
	width: 100%; 
}

body { 
	background-color: #333;
	color: #fff;
	background: none;
}

}



@media only screen and  (max-width: 414px) {


}


@media only screen and  (max-width: 320px) {


}