body { padding: 0px; margin: 0px; font-size: 30px; font-family: "ff-meta-serif-web-pro",serif; font-style: normal; font-weight: 500; 
background: #d2d2da url("assets/bg-vector.png") -440px -165px no-repeat fixed; color: #676767; } 

a { font-weight: 700; color: #58585c; }
a:hover { color: #000; }
p, h1, h2 { margin: 0 10px 0.5em 10px; }

#jwdmain { padding: 0px; margin: 0px; text-align: center; }
#jwdsplash, #jwdidentity, #jwdweb, #jwdprint, #jwdfooter { margin: 0px auto; text-align: left; min-width: 615px; max-width: 980px; min-height: 100vh; }
.bgintro, .bgidentity, .bgweb, .bgprint { webkit-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.1); box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.1); }
.bgidentity, .bgprint { background: #f0eeeb url("assets/bg-vector-mid.png") -440px -165px no-repeat fixed; webkit-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 2px 5px rgba(50, 50, 50, 0.2); }

.sectioncopy { width: 330px; }
.sectionvisuals { width: 640px; }
	.sectionvisuals img { margin: 0px 20px 20px 20px; }
.uparrow { border-left:2px solid black; border-top:2px solid black; width:10px; height:10px; transform: rotate(45deg); margin-top:40px; }
.downarrow { border-right:2px solid black; border-bottom:2px solid black; width:10px; height:10px; transform: rotate(45deg); margin-top:40px; }
.submenu { display: none; }


	#jwdsplash {  }
		#jwdsplash #jwdtitle { padding: 75px 10px; text-align: right; }
		#jwdsplash #jwdintro { padding: 40px 0px; }
		#jwdsplash #jwdintro p { margin: 0 10px 1em 10px; }
		#jwdsplash #jwdmenubig { padding: 75px 0px; }
		#jwdsplash #jwdmenubig .sectionmenu { float: left; width: 33%; text-align: center; font-size: 42px; color: #fff; }
		#jwdsplash #jwdmenubig .sectionmenu a { text-decoration: none; color: #fff; border-bottom: 5px solid transparent; }
		#jwdsplash #jwdmenubig .sectionmenu a:hover { text-decoration: none; color: #fff; border-bottom: 5px solid #fff; }
		#jwdsplash #jwdmenubig .sectionmenu a.basic, #jwdsplash #jwdmenubig .sectionmenu a.basic:hover { border-bottom: none; }
	#jwdidentity { padding: 75px 0px; }
		#jwdidentity .sectioncopy { float: left; }
		#jwdidentity .sectionvisuals { float: right; text-align: right; }
		#jwdidentity .sectionvisuals img { margin: 0px 20px 60px 45px; }
	#jwdweb { padding: 75px 0px; }
		#jwdweb .sectioncopy { float: right; }
		#jwdweb .sectionvisuals { float: left; padding-top: 20px; }
		#jwdweb .sectionvisuals img { webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); }
	#jwdprint { padding: 75px 0px; }
		#jwdprint .sectioncopy { float: left; }
		#jwdprint .sectionvisuals { float: right; text-align: right; padding-top: 20px; }
		#jwdprint .sectionvisuals img { margin: 0px 0px 20px 10px; webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.2); }
	#jwdfooter { min-height: 10px; max-height: auto; }
		#jwdfooter .sectioncopy { width: auto; color: #dbd5c8; }
		#jwdfooter .sectioncopy p { margin: auto 10px; }

#jwdsplash #jwdmenubig:after, #jwdidentity:after, #jwdweb:after, #jwdprint:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



@media only screen and (max-width: 970px), only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	.sectioncopy, .sectionvisuals { width: auto; padding-bottom: 20px; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#jwdsplash, #jwdidentity, #jwdweb, #jwdprint, #jwdfooter { max-width: 800px; }
	.sectioncopy, .sectionvisuals { width: auto; }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	#jwdsplash, #jwdidentity, #jwdweb, #jwdprint, #jwdfooter { max-width: 800px; }
		#jwdsplash #jwdmenubig { padding: 0px; }
		#jwdsplash #jwdtitle { padding: 50px 10px; text-align: right; }
}

/* alternate colour scheme */
body { background: #408dbf url("assets/bg-vector-white.png") -440px -165px no-repeat fixed; color: #e9f0f5; }
a { font-weight: 700; color: #c9e5f5; }
a:hover { color: #fff; }
.bgidentity, .bgprint { background: #e9f0f5 url("assets/bg-vector-bluefade.png") -440px -165px no-repeat fixed; }
#jwdidentity .sectioncopy, #jwdidentity .sectioncopy a, #jwdprint .sectioncopy, #jwdprint .sectioncopy a { color: #408dbf; }
#jwdfooter .sectioncopy { width: auto; color: #c9e5f5; }
/* end alternate colour scheme */

/* rotate & overlap
margin-left: -30px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);
*/