body {font-family:'Josefin Sans', sans-serif;}

body:before {
  content:"";
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:-10;
	background-repeat:no-repeat;
	background-position:top center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}

/* Body Backgrounds */

body.home:before {background-image: url(../images/mainbg.jpg);}
body.about:before {background-image: url(../images/backgrounds/bg1.jpg);}
body.photos:before {background-image: url(../images/backgrounds/bg2.jpg);}
body.music:before {background-image: url(../images/backgrounds/bg3.jpg);}
body.events:before {background-image: url(../images/backgrounds/bg4.jpg);}
body.videos:before {background-image: url(../images/backgrounds/bg5.jpg);}
body.contact:before {background-image: url(../images/backgrounds/bg6.jpg);}

/* The Usuals */

h1, h2, h3, h4, h5 {font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:500; letter-spacing:-.25px;}
p, li {font-family:'Josefin Sans', sans-serif;}

h1, h2 {font-size:1.8vw; line-height:2.3vw; margin:0 0 15px 0;}
h1 {color:#314056;}
h2 {color:#fff; background:rgba(155,59,143,.7); padding:5px; text-indent:12px;}
h3 {color:#ce4066; font-size:1.6vw; line-height:2vw; margin:5px 0;}
h4 {color:#ce4066; font-size:1.3vw; line-height:1.7vw; margin:5px 0;}
h5 {color:#c8b2c8; font-size:1.2vw; line-height:1.5vw; margin:5px 0;}

p, li {color:#000; letter-spacing:-.25px; font-size:1vw; line-height:1.45vw; margin:15px 0;}

a {color:#ce4066;}
a:hover {color:#525fd7;}

ul {margin:5px 0 5px 30px; padding:0;}
li {margin:0; padding:0;}

hr {color:#999; background:#999; border:none; height:1px; margin:10px 0;}

@media only screen and (max-width:1600px) {
	h1, h2 {font-size:2vw; line-height:2.4vw;}
	h3 {font-size:1.7vw; line-height:2.1vw;}
	h4 {font-size:1.4vw; line-height:1.8vw;}
	h5 {font-size:1.3vw; line-height:1.7vw;}
	p, li {font-size:1.1vw; line-height:1.5vw;}
}

@media only screen and (max-width:1400px) {
	h1, h2 {font-size:2.1vw; line-height:2.4vw;}
	h3 {font-size:1.8vw; line-height:2.1vw;}
	h4 {font-size:1.5vw; line-height:1.9vw;}
	h5 {font-size:1.4vw; line-height:1.7vw;}
	p, li {font-size:1.15vw; line-height:1.65vw;}
}

@media only screen and (max-width:1200px) {
	h1, h2 {font-size:2.4vw; line-height:2.8vw;}
	h3 {font-size:2vw; line-height:2.4vw;}
	h4 {font-size:1.6vw; line-height:2.2vw;}
	h5 {font-size:1.5vw; line-height:1.8vw;}
	p, li {font-size:1.35vw; line-height:1.8vw;}
}

@media only screen and (max-width:1023px) {
	h1, h2 {font-size:2.5vw; line-height:2.9vw;}
	h3 {font-size:2.2vw; line-height:2.6vw;}
	h4 {font-size:1.9vw; line-height:2.4vw;}
	h5 {font-size:1.6vw; line-height:2vw;}
	p, li {font-size:1.5vw; line-height:2vw;}
}

@media only screen and (max-width:900px) {
	h1, h2 {font-size:2.8vw; line-height:3.3vw;}
	h3 {font-size:2.4vw; line-height:2.8vw;}
	h4 {font-size:2.1vw; line-height:2.6vw;}
	h5 {font-size:1.7vw; line-height:2.1vw;}
	p, li {font-size:1.7vw; line-height:2.25vw;}
}

@media only screen and (max-width:750px) {
	h1, h2 {font-size:3.2vw; line-height:3.7vw;}
	h3 {font-size:2.8vw; line-height:3.2vw;}
	h4 {font-size:2.5vw; line-height:3vw;}
	p, li {font-size:2vw; line-height:2.6vw;}
}

@media only screen and (max-width:639px) {
	h1, h2 {font-size:3.5vw; line-height:4.1vw;}
	h2 {text-indent:5px;}
	h3 {font-size:3.2vw; line-height:3.8vw;}
	h4 {font-size:1.9vw; line-height:3.5vw;}
	h5 {font-size:2.3vw; line-height:3vw;}
	p, li {font-size:2.35vw; line-height:3.1vw;}
	p {margin:10px 0;}
	ul {margin:10px 0 10px 20px;}
}

/* Common Elements */

.notop {margin-top:0;}
.nobottom {margin-bottom:0;}

.padright {padding-right:10px;}
.padleft {padding-left:10px;}
img.padleft, img.padright {width:100%;}

.picborder {border:#fff 2px solid;}

p.narrow {margin:5px 0;}

/* Header */

.header {border-top:#eee 1px solid; border-bottom:#eee 1px solid; margin-top:15px;}

.header ul {margin:4px 0 4px 0; padding:0 3% 0 0; background:rgba(143,125,169,.5); text-align:right;}
.header li {display:inline-block; margin:0; padding:0; font-size:1.1vw; line-height:2vw; font-family:'Oswald', sans-serif; text-transform:uppercase;}
.header a {color:#fff; font-weight:400; padding:0 10px; display:block;}
.header a:hover, .header li.on a {background:rgba(99,126,176,.9);}

@media only screen and (max-width:1600px) {
	.header li {font-size:1.2vw; line-height:2.2vw;}
}

@media only screen and (max-width:1400px) {
	.header li {font-size:1.3vw; line-height:2.3vw;}
}

@media only screen and (max-width:1200px) {
	.header li {font-size:1.4vw; line-height:2.4vw;}
	.header a {padding-top:2px; padding-bottom:2px;}
}

@media only screen and (max-width:1023px) {
	.header li {font-size:1.6vw; line-height:2.6vw;}
}

@media only screen and (max-width:900px) {
	.header li {font-size:1.9vw; line-height:2.8vw;}
}

@media only screen and (max-width:750px) {
	.header li {font-size:2.3vw; line-height:3vw;}
	.header a {padding:4px 8px;}
}

@media only screen and (max-width:639px) {
	.header {margin-top:10px;}
	.header ul {margin:3px 0; text-align:center; padding:0;}
	.header li {font-size:3.2vw; line-height:3.8vw; display:block;}
	.header a {padding:3px 0;}
	.padright {padding-right:0;}
	.padleft {padding-left:0;}
}

/* Home */

.mainshell {margin-top:25px;}
.mainshell .name {padding-top:225px;}
.mainshell .name img {width:100%;}

.intro {background:rgba(255,255,255,.7); box-shadow:2px 2px 12px #444;}
.intro .bodypad {padding:10px 15px!important;}
.intro .feature {background:rgba(255,255,255,.7); margin-bottom:15px; box-shadow:1px 1px 6px #bbb;}
.intro .feature p {padding:0 15px; margin:10px 0;}

.intro .mainpic img {width:100%; padding-left:7px;}

.callouts {margin:20px 0;}
.callouts .box {box-shadow:2px 2px 10px rgba(0,0,0,.4);}
.callouts .col1 .box {background:rgba(165,32,111,.7); padding:2px 10px 3px 10px;}
.callouts .col2 .box {margin:0 11px;}
.callouts .col3 .box {background:rgba(164,206,246,.7); padding-top:10px;}

.callouts .col1 img {width:95%;}
.callouts .col1 h4 {color:#ddb7cb; border-bottom:rgba(255,255,255,.3) 1px solid; padding-bottom:3px; margin-bottom:12px;}
.callouts .col1 h5 {margin-top:-3px;}
.callouts .col1 p {color:#fff; font-size:1vw; line-height:1.2vw; margin:8px 0 0 0;}
.callouts .col1 p a {color:#fff;}
.callouts .col1 p a:hover {color:#ddb7cb;}

.callouts .col2 img {width:100%;}
.callouts .col2 a:hover img {opacity:.8;}

.callouts .col3 a {background:rgba(255,255,255,.7); color:#202645; display:block; padding:3px 0;}
.callouts .col3 a:hover {background:#fff;}
.callouts .col3 h4 {margin-bottom:0;}

.reviews {background:rgba(10,11,20,.7);}
.reviews .title, .reviews .links {font-family:'Oswald', sans-serif; text-transform:uppercase;}
.reviews .title {font-size:1.7vw; line-height:2vw; padding-top:10px; background:#fff; color:#202645; text-align:center; margin-left:20px;}
.reviews .testimonial {font-size:1vw; line-height:1.4vw; color:#fff; padding:10px 15px!important;}
.reviews .links {font-size:1.3vw; line-height:1.8vw; text-align:center;}
.reviews .links a {background:#9b3a8e; color:#fff; display:inline-block; width:100%; margin-top:8px; font-weight:400;}
.reviews .links a:first-child {background:#496388; margin-top:10px;}
.reviews .links a:hover {background:#503f76;}

@media only screen and (max-width:1320px) {
	.callouts .col1 h4 {margin-bottom:8px;}
	.callouts .col3 iframe {height:125px;}
}

@media only screen and (max-width:1200px) {
	.callouts .col3 iframe {height:115px;}
	.callouts .col1 h4 {padding-bottom:0; margin-top:2px;}
	.reviews .title {font-size:2.1vw; line-height:2.5vw;}
	.reviews .testimonial {font-size:1.2vw; line-height:1.4vw;}
	.reviews .links {font-size:1.4vw; line-height:2.4vw;}
}

@media only screen and (max-width:1100px) {
	.callouts .col3 iframe {height:103px;}
}

@media only screen and (max-width:1023px) {
	.callouts .col1 p {font-size:1.1vw; line-height:1.4vw;}	
	.reviews .title {font-size:2.4vw; line-height:2.6vw; padding-top:14px;}
	.reviews .testimonial {font-size:1.4vw; line-height:1.65vw;}
	.reviews .links {font-size:1.7vw; line-height:2.7vw;}
}

@media only screen and (max-width:900px) {
	.callouts .col1 h4 {font-size:1.9vw; line-height:2.5vw; margin-bottom:5px;}
	.callouts .col3 iframe {height:90px;}
}

@media only screen and (max-width:800px) {
	.callouts .col3 iframe {height:70px;}
}

@media only screen and (max-width:700px) {
	.callouts .col3 iframe {height:60px;}
}

@media only screen and (max-width:639px) {
	.mainshell {margin-top:15px;}
	.mainshell .name {padding-top:50px;}
	.mainshell .name img {width:90%;}
	
	.intro .feature {margin-bottom:10px;}
	
	.callouts {margin:10px 0;}
	.callouts .col1 h4 {font-size:3vw; line-height:4vw;}
	.callouts .col1 h5 {margin-top:0;}
	.callouts .col1 p {font-size:1.75vw; line-height:2.2vw;}
	.callouts .col2 .box {margin:0 0 10px 10px;}
	.callouts .col3 .box {padding-bottom:5px;}
	.callouts .col3 iframe {height:70px;}
	.callouts .col3 h4 {margin-top:0;}
	
	.reviews .title {font-size:2.8vw; line-height:3.1vw; padding-top:12px; margin-left:10px;}
	.reviews .testimonial {font-size:1.65vw; line-height:1.9vw; padding:8px 10px!important;}
	.reviews .links {font-size:1.9vw; line-height:2.9vw;}
}

/* Interiors */

.intbody {background:rgba(255,255,255,.7); padding:10px 16px 5px 16px; margin-bottom:15px;}
.intside img {width:100%;}

.side_callout {background:rgba(225,211,245,.9); margin:10px 0; padding:5px 10px;}
.side_callout h3 {border-bottom:#6d2f73 1px solid; margin:0 0 10px 0;}
.side_callout img.sweetdreams {padding:5px 0;}

h2.link {background:rgba(1,11,31,.7); text-align:center; text-indent:0;}
h2.link a {color:#fff; display:block;}
h2.link:hover {background:rgba(206,64,102,.7);}

.testimonials {margin:0 0 0 25px;}
.testimonials h5 {color:rgb(155,59,143);}
.testimonials p {font-style:italic;}

.photo_album .column {padding:5px!important;}
.photo_album img {width:100%;}
.photo_album p {margin:0; text-align:center;}
.photo_album p img {padding-bottom:3px;}

.contact_info {padding-left:15px;}

ul.sidelist {margin-left:15px;}
ul.sidelist li {font-size:.9vw; line-height:1.35vw;}

@media only screen and (max-width:1600px) {
	ul.sidelist li {font-size:1vw; line-height:1.4vw;}
}

@media only screen and (max-width:1400px) {
	ul.sidelist li {font-size:1.05vw; line-height:1.55vw;}
}

@media only screen and (max-width:1200px) {
	ul.sidelist li {font-size:1.2vw; line-height:1.65vw;}
}

@media only screen and (max-width:1023px) {
	ul.sidelist li {font-size:1.4vw; line-height:1.9vw;}
}

@media only screen and (max-width:900px) {
	ul.sidelist li {font-size:1.6vw; line-height:2.15vw;}
}

@media only screen and (max-width:750px) {
	ul.sidelist li {font-size:1.9vw; line-height:2.5vw;}
}

@media only screen and (max-width:639px) {
	.intbody {padding-left:10px; padding-right:10px;}
	.side_callout {padding:5px;}
	.side_callout h3 {margin-bottom:8px;}
	.testimonials {margin:0;}
	.contact_info {padding:10px 0 0 0;}
	ul.sidelist li {font-size:2.25vw; line-height:3vw; margin-bottom:0;}
}

/* Footer */

.footer {border-top:#fff 1px solid; border-bottom:#fff 1px solid; margin:20px 0;}

.footer p {text-align:center; background:rgba(108,89,137,.6); padding:8px 0; margin:5px 0;}
.footer p, .footer a {color:#dcdafa;}
.footer a {padding:0 1px;}
.footer a:hover, .footer a.on {color:#fca8ec;}

/* Video */

@media only screen and (min-width:1100px) {
	.responsive-embed, .flex-video {padding-bottom:60%;}
}

@media only screen and (min-width:1200px) {
	.responsive-embed, .flex-video {padding-bottom:50%;}
}