/*
colors
green #693
blue #1bd
off white #f9f6f3
light gray #e9e6e3
medium gray #797673
dark gray #595653

red #900
*/

body {font-family: 'Montserrat', sans-serif; background: #693; color: #fff;}
h1, h2 {font-family: 'Sacramento';}
h1 {color: #fff; text-shadow: 0 0 8px rgba(0,32,64,0.5); text-align: center;}
h2 {font-size: 6rem; letter-spacing: 0;}
h3 {font-weight: 800; text-transform: uppercase; letter-spacing: .25em; font-size: 1.2em;}
ul {list-style: none;}
a {text-decoration: none;}

header {font-size: 1.2em; padding: 2em 0;}
header img {display: block; margin: 0 auto 3em; max-width: 100%; height: auto; filter: drop-shadow(0 2px 4px rgba(0,64,0,0.5));}
.tagline {font-size: 1.3em; text-transform: uppercase; font-weight: 800; letter-spacing: .5em;}

.container {}
.row {}
.card {color: #797673; margin: 1em 0; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size:  cover; box-shadow: 0 2px 8px rgba(0,0,0,0.4); overflow: hidden;}
.ch-content {padding: 2em;}
.photo {/*min-height: 300px;*/ background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: multiply;}
.center {text-align: center;}

.color-positive {color: #797673; background: #fff;}
	.color-positive h2, .color-positive a {color: #693;}
.color-reverse {color: #f9f6f3;}
	.color-reverse h2 {color: #e9e6e3;}
	.color-reverse a {color: #fff;}

#reservations {}
#location {background: #900;}
#rooms {text-align: center;}
#amenities {background: #1bd;}
#policies {}


#contact {background: #595653; color: #f9f6f3;}
#contact h2, #contact a {color: #f9f6f3;}
#rooms i, #contact i {display: block; margin: auto;}