@charset "UTF-8";

/** Gift Card page  **/

#masthead { display: block; position:relative; z-index: 9999; zoom: 1; background: rgba(255,255,255,0.895); height: 65px; filter: none; border-bottom: 0px solid #ccc; clear:both; }



.page-container { padding: 0px; zoom: 1; max-width: 1440px; min-width: 1024px; margin: 0px auto; clear:both; font-family: "Myriad W01", 'Helvetica Neue', Arial, sans-serif; }

header.page-hero { text-align: center; clear: both; display: inline-block; margin-top: -73px; padding-top: 120px; width: 100%; background: url(/articles/better-photos/images/hero-background.jpg) no-repeat center bottom; height: 1100px; margin-bottom: 0px; }
header.page-hero h1 { margin-bottom: 20px; font: 200 normal 70px/70px "Myriad W01", 'Helvetica Neue', Arial, sans-serif; color: #FFFFFF; letter-spacing: -1px; text-align: center; z-index: 10; margin-top: 40px; }
header.page-hero p { width: 95%; margin:auto; font: 200 normal 30px/40px "Myriad W01", 'Helvetica Neue', Arial, sans-serif; color: #FFFFFF; text-align: center; z-index: 10; }

.lighting { padding-top: 100px; padding-bottom: 100px; background-color: #DFD4C7; }
.lighting .can { width: 800px; margin: auto; }
.lighting h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; }
.lighting h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.lighting h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; }
.lighting p { font-weight: 200; font-size: 22px; line-height: 36px; }
.lighting .outdoors { margin: 5px -20px 50px 50px; }

.subject { padding-top: 0px; padding-bottom: 100px; background-color: #F1E9E3; overflow: hidden; }
.subject img.hero { margin: 0 auto 0; text-align: center; }
.subject .can { width: 800px; margin: 100px auto 0; }
.subject h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; }
.subject h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.subject h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; }
.subject p { font-weight: 200; font-size: 22px; line-height: 36px; }
.subject .themoment { margin: 0px -20px 50px 50px; }

.outthebox { padding-top: 0px; padding-bottom: 100px; background-color: #E4DBD0; overflow: hidden; }
.outthebox img.hero { margin: 0 auto 0; text-align: center; }
.outthebox .can { width: 800px; margin: 100px auto 0; }
.outthebox h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; }
.outthebox h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.outthebox h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; }
.outthebox p { font-weight: 200; font-size: 22px; line-height: 36px; }
.outthebox .getclose { margin: 0px -20px 70px 50px; }

.camera { padding-top: 100px; padding-bottom: 100px; background-color: black; }
.camera img.hero { margin-bottom: 60px; margin-top: -10px; opacity: 0.8; }
.camera .can { width: 800px; margin: auto; }
.camera h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; color: #fff; }
.camera h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.camera h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; color: #ccc; }
.camera h4 { font-weight: 200; font-size: 22px; line-height: 36px; color: #fff; }
.camera p { font-weight: 200; font-size: 22px; line-height: 36px; color: #ccc; }
.camera .column p { font-weight: 200; font-size: 18px; line-height: 32px; color: #ccc; }
.camera .element-icon { margin: 20px 0px 20px; opacity: 0.8; }
.camera .thirds { margin: 60px 0 80px 0; display: block; }


.sixbits { padding-top: 0px; padding-bottom: 100px; background-color: #EADDD3; overflow: hidden; }
.sixbits img.hero { margin: 0 auto 0; text-align: center; }
.sixbits .can { width: 800px; margin: 100px auto 0; }
.sixbits h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; }
.sixbits h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.sixbits h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; }
.sixbits h4 { font-weight: 200; font-size: 22px; line-height: 36px; margin-top: 10px; }
.sixbits p { font-weight: 200; font-size: 22px; line-height: 36px; }
.sixbits .column { height: 190px; }
.sixbits .column i { border-radius: 50%; font-style: normal; border: 1px solid #999; width: 40px; height: 40px; display: table-cell; text-align: center; font-weight: 400; font-size: 25px; color: #999; vertical-align: middle; margin-bottom: 40px; }
.sixbits .column p { font-weight: 200; font-size: 18px; line-height: 32px; height: 64px; margin-bottom: 30px; }

.getbetter { padding-top: 0px; padding-bottom: 100px; background-color: #DDD3C6; overflow: hidden; }
.getbetter img.hero { margin: 0 auto 0; text-align: center; float:right; }
.getbetter .can { width: 800px; margin: 100px auto 0; }
.getbetter h1 { font-weight: 200; font-size: 60px; margin-bottom: 35px; }
.getbetter h2 { font-weight: 400; font-size: 35px; margin-bottom: 50px; color: #999; }
.getbetter h3 { font-size: 35px; font-weight: 200; text-align: left; margin: 30px 0 20px 0; }
.getbetter p { font-weight: 200; font-size: 22px; line-height: 36px; }

.writtenby { padding-top: 30px; padding-bottom: 20px; background-color: #F1E9E3; }
.writtenby .author { text-align: center; font-size: 22px; font-weight: 200; line-height: 32px; }

/** minor elements **/
.fence { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #B7B7B7; width: 400px; margin: 60px auto; }

.share-center { margin-top: 130px; margin-bottom: 60px; }
.share-center p { text-align: center; font-weight: 400; font-size: 16px; }



#global-footer { background: #fff; border-top: 0px solid #CCC; padding-top: 100px; }

/**
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-width:321px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (min-device-width:321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-device-width:321px),
only screen and (min-device-pixel-ratio: 1.5) and (min-device-width:321px) {

		header.page-hero { background: url(/articles/better-photos/images/hero-background_2x.jpg) no-repeat center bottom; background-size: 1440px 1220px; }
	
}
**/