body {
	margin:0;
	padding:0;
	font-size:100%;
	background:#3e0603;
	font-family: "filson-pro", sans-serif;
	font-weight: 300;
	font-style: normal;
	color:#191919;
	line-height:1.8rem;
	}
	
/* TYPOGRAPHY */
	
h1 {
	margin:-70px 0 0 0; 
	padding:45px;
	border-radius:25px;
	font-weight:700;
	color:#b02b29;
	text-align:center;
	background:#fff;
	font-size:2.7rem;
	} 
	h1:after {
		content:'';
		display:block;
		width:220px;
		margin:40px auto 0 auto;
		border-top:1px solid #b02b29;
		}

h2 {
	margin:0; 
	padding:0;
	font-weight:700;
	color:#b02b29;
	font-size:2rem;
	}
	p + h2 { margin:50px 0 15px 0; }
	h2 + p { margin:15px 0; }

h3 {
	margin:0; 
	padding:0;
	color:#191919;
	font-size:1.7rem;
	}
	h3.leftspace { padding:0 10% 0 5%; }
	
h4 {
	margin:50px 0 15px 0; 
	padding:0;
	color:#b02b29;
	font-size:1.5rem;
	}

/* FORMS */

form { background-color:#f7f6f4; padding:25px; border-radius:25px; }

input {
	display:block;
	width:45%;
	float:left;
	margin:25px 2.5% 0 2.5%;
	padding:15px 5px 1px 5px;
	background-color:#f7f6f4;
	border-top:0;
	border-bottom:1px solid #000;
	border-left:0;
	border-right:0;
	}
	input.full { width:95%; }
	input::placeholder { color:#000; }
	input[type="submit"] { 
		width:auto;
		color:#fff;
		background:#b02b29;
		float:none;
		padding:5px;
		margin:50px auto;
		border:0;
		}
	
label { margin:25px 2.5% 0 3%; font-weight:400; }
	
textarea {
	display:block;
	width:95%;
	height:200px;
	margin:15px 2.5% 0 2.5%;
	padding:15px;
	background-color:#fff;
	border-radius:25px;
	border:1px solid #eee;
}

header, main, .hero { background:#fff; }

header {
	padding:30px 0 0 0;
}

main { 
	padding:0 0 110px 0; 
	 font-size:110%;
}
	main ul {
		list-style:none;	
		margin:0;
		}
		main ul li { margin:20px 0; }
		main ul li:after {
			content:'';
			display:block;
			width:20px;
			border-top:2px solid #b02b29;
			}	
		
	main a { color:#b02b29; }
		main a:hover { color:#3e0603; text-decoration:none; }

	main a.button {
		display:inline-block;
		width:auto;
		color:#fff;
		background:#b02b29;
		float:none;
		padding:15px;
		margin:50px auto;
		border:0;
		border-radius:25px;
		text-decoration:none;
		}
		main a.button:hover { background:#191919; }

nav { font-weight:400; }
	.nav-link:focus, .nav-link:hover { color:#b02b29; }
	.nav-link.active { border-bottom:2px solid #b02b29; }
	
.secondarynav { background:#fff; margin:-1px 0 50px 0; padding:50px 0;  }
	.secondarynav a { font-size:140%; margin:25px 25px; border-bottom:1px solid #b02b29; }

footer {
	padding:65px 0;
	color:#fff;
	text-align:center;
	}
	footer .nav-link { color:#fff; }
	footer hr {
		width:80%;
		margin:20px auto;
		border-top:1px solid #b02b29;
		border-bottom:1px solid #681411;
		border-left:0;
		border-right:0;
		opacity:1;
		}
		
.hero {
		margin:-50px 0 0 0;
		height:400px;
	}
	.home { background:url(../images/hero-home.jpg) top center no-repeat scroll; background-size:cover; }
	.commercial { background:url(../images/hero-commercial.jpg) center center no-repeat scroll; background-size:cover; }
	.residential { background:url(../images/hero-residential.jpg) center center no-repeat scroll; background-size:cover; }
	.boatcovers { background:url(../images/hero-boatcovers.jpg) center center no-repeat scroll; background-size:cover; }
	.about { background:url(../images/hero-about.jpg) center center no-repeat scroll; background-size:cover; }
	.contact { background:url(../images/hero-contact.jpg) center center no-repeat scroll; background-size:cover; }
	.portfolio { background:url(../images/hero-portfolio.jpg) center center no-repeat scroll; background-size:cover; }
	
.roundedcorners {  border-radius: 50px; object-fit: cover; margin:50px 0; }
.rightborder { border-right:1px solid #4d4c4c; }
.top50 { padding-top:75px; }
.tan { background-color:#f7f6f4; padding:75px 0 150px 0; margin:100px 0; }
	.tan.nospace { padding:75px 0; margin:100px 0 0 0; }
.pullup { margin-top:-215px; }
.pushdown { margin-top:150px; }
img.brandlogo + p { padding:10px 10% 10px 25px; margin:25px 0; border-left:5px solid #cdc9c0; }
.mainlogo { display:block; padding:0 40px 40px 40px; border-radius:25px; background:#fff; }
.lead { font-size:1.2rem; line-height:2.5rem; text-align:center;}
.interiorcontent { margin-top:90px; }
.blocks { margin-top:90px; text-align:center; }
.gallery img { margin:25px 0; }
.lowerblocks { margin-bottom:100px; text-align:center; }
	.blocks a, .lowerblocks a {
		position:relative;
		display:block;
		top:45%;
		width:60%;
		margin:0 auto;
		opacity:1;
		z-index:1000;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:2rem;
		letter-spacing:0.15rem;
		line-height:2rem;
		font-weight:700;
		}
		.blocks a:hover, .lowerblocks a:hover { color:#fff; }
	.blocks .residential,
	.blocks .boatcovers,
	.blocks .commercial,
	.lowerblocks .custom,
	.lowerblocks .electronic,
	.lowerblocks .vinyl
		{
		position:relative;
		padding:0;
		aspect-ratio: 1 / 1;
		background-size:cover;
		}
	.blocks .residential:before,
	.blocks .boatcovers:before,
	.blocks .commercial:before,
	.lowerblocks .custom:before,
	.lowerblocks .electronic:before,
	.lowerblocks .vinyl:before
		{
		display:block;
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.38;
		z-index:10;
		} 
		.blocks .residential:before { border-radius:100px 100px 0 0; }
		.lowerblocks .vinyl:before { border-radius:0 0 100px 100px; }
		.blocks .residential:hover:before,
		.blocks .boatcovers:hover:before,
		.blocks .commercial:hover:before,
		.lowerblocks .custom:hover:before,
		.lowerblocks .electronic:hover:before,
		.lowerblocks .vinyl:hover:before
			{ background:#3e0603; opacity:0.75; }
	.blocks .residential { background:url(../images/bkg-residential.jpg) center center no-repeat scroll; border-radius:100px 100px 0 0; }
	.blocks .boatcovers { background:url(../images/bkg-boatcovers.jpg) center center no-repeat scroll; }
	.blocks .commercial { background:url(../images/bkg-commercial.jpg) center center no-repeat scroll; }
	.lowerblocks .custom { background:url(../images/bkg-customdesign.jpg) center center no-repeat scroll; }
	.lowerblocks .electronic { background:url(../images/bkg-electronic.jpg) center center no-repeat scroll; }
	.lowerblocks .vinyl { background:url(../images/bkg-vinyl.jpg) center center no-repeat scroll; border-radius:0 0 100px 100px; }
	
	
.photobar {
	margin:90px 0 20px 0;
	}
	.photobar .bar1, .photobar .bar2, .photobar .bar3 { aspect-ratio: 1 / 1; height:370px; }
	.bar1 { border-radius:100px 0 0 100px; }
	.bar3 { border-radius:0 100px 100px 0; }
	.commercialbar.bar1 { background:url(../images/commercial-bar-1.jpg) center center no-repeat scroll; }
	.commercialbar.bar2 { background:url(../images/commercial-bar-2.jpg) center center no-repeat scroll; }
	.commercialbar.bar3 { background:url(../images/commercial-bar-3.jpg) center center no-repeat scroll; }
	.residentialbar.bar1 { background:url(../images/residential-bar-1.jpg) center center no-repeat scroll; }
	.residentialbar.bar2 { background:url(../images/residential-bar-2.jpg) center center no-repeat scroll; }
	.residentialbar.bar3 { background:url(../images/residential-bar-3.jpg) center center no-repeat scroll; }
	
.icon { text-align:center; }
	.icon img { display:block; clear:both; margin:75px auto 25px auto; }
	.icon img.firsticon { margin:25px auto; }
	
	
/* MOBILE */

@media (min-width: 576px) {
	.roundedcorners {  border-radius: 50px; object-fit: cover; margin:0; }
	main { font-size:100%; }
	.hero { height:700px; }
	.blocks .residential:before { border-radius:100px 0 0 0; }
	.blocks .commercial:before { border-radius:0 100px 0 0; }
	.lowerblocks .custom:before { border-radius:0 0 0 100px; }
	.lowerblocks .vinyl:before { border-radius:0 0 100px 0; }
	.blocks .residential { background:url(../images/bkg-residential.jpg) center center no-repeat scroll; border-radius:100px 0 0 0; }
	.blocks .commercial { background:url(../images/bkg-commercial.jpg) center center no-repeat scroll; border-radius:0 100px 0 0; }
	.lowerblocks .custom { background:url(../images/bkg-customdesign.jpg) center center no-repeat scroll; border-radius:0 0 0 100px; }
	.lowerblocks .vinyl { background:url(../images/bkg-vinyl.jpg) center center no-repeat scroll; border-radius:0 0 100px 0; }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { .secondarynav { display:none; } }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { }