h1, h2, h3, h4, h5, h6{text-align:center;}

.home-columns {
    padding-top: 3%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}

/*page backgrounds*/

.home, .wedding, .special-events, .company-video, .reviews , .contact, .about{
height: 350px;
background-repeat: no-repeat;
}

.home {
    background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/homepage/matt-churpita-vows-video-videography.png);
}

.wedding {
    background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/weddings/wedding-videography-service-background.png);
}

.special-events {
    background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/special-events/special-event-videographer.png);
}

.company-video {
    background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/company-video-services/company-videographer-background.png);
}

.reviews{
background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/reviews/vows-video-reviews-background.png);
}

.about{
background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/about/about-vows-video-background.png);
}

.contact{
    background-image: url(https://vowsvideo.com/themes/videographer-rochester-ny/img/contact/contact-videographer-background.png);
}

/* SKELETON FIXES */

.headline{font-size:4rem; text-align: center;color:#3f4d5c;text-shadow: 0 0 6px #ecf0f1;}

.nav-fix{padding-top: 70px;}

.sp-img-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.navcontainer {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* NAVIGATION BARS */

nav {
width: 100%;
padding: 0em;
height: 60px;
position: fixed;
z-index: 10;
background: #FFF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
top: 0;
}

.container-nav {width: 80%; max-width: 960px;}

nav ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    float: right;
}

nav ul, nav ul li {
margin: 0px;
}

nav ul li {
display: inline;
position: relative;
float: left;
}

nav a img {
float: left;
}

nav ul li a{
display: inline-block;
line-height: 60px;
padding: 0 12px;
font-family: Droid Serif; 
font-size: 16px;
font-weight: bold;
}

nav ul li a:link {color: #3f4b57; text-decoration: none;}
nav ul li a:visited {color: #3f4b57;}
nav ul li a:hover {color: #7f8c8d;}

#mobilenav {
display: none;
width: 100%;
height: 60px;
position: fixed;
}

#mobilenav img {padding-bottom: 8px;}
#mobilelogo {float: left;}
#mobilehamburger {float: right; padding-bottom: 0; padding-top: 16px;}

@media screen and (max-width: 1100px) {
	nav {
	display: block;
	padding: 0;
	z-index: 10;
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	top: 0;
	}
	nav ul li {
	width: 100%;
	text-align: center;
	}
	#desktopnav{display:none;}
	#mobilenav{display:block;}
}

label, legend {display: inline;}

label {
	cursor: pointer;
}

#menu-toggle{display: none; /* hide the checkbox */}

#menu{display: none;}

#menu li a {padding: 0px; background: #FFF; width: 100%;}

#menu-toggle:checked + #menu {
margin-top: -6px;
display: block;
width: 100%;
}

/* FOOTER */
.footercta{background-color: #ceeafd; padding: 2% 0%;}

footer {
padding-top: 1.5em;
}

footer p{text-align: center;}

footer a, footer a:visited {color: #7f8c8d; text-decoration: none;}
footer a:hover {text-decoration: underline;}