/* Universal */
body, html {
  font-family: 'Raleway', serif;
    -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 1);
}

body {
    line-height: 2vw;
    font-size: 1.3vw;
    transition: all 1s ease;
    color: #44322f;
    background:#fff;
}

h1, h3, h4, blockquote {
	font-family: 'Vollkorn', serif;
	font-weight:700;
}
h1 {
   color: #ffeeeb;
    font-size: 6vw;
     line-height: 7vw;
}
h2 {
    font-style: italic;
    font-size: 3.5vh;
    margin-bottom:16vh;
    margin-top: -16vh;
}
a {
    color: #44322f;
    text-decoration: none;
    border-bottom: 1px #44322f dotted;
}
a:hover {
    border-bottom: 1px #44322f solid;
}
blockquote {
	font-style:italic;
	line-height: 6.5vh;
    font-size: 5.5vh;
	text-align:center;
	font-weight:600;
}
blockquote::before {
  content: "\201C";
	font-size: 150%;
	line-height: 0;
}

blockquote::after {
  content: "\201D";
	font-size: 150%;
	line-height: 0;
}

/* Sections */

section {
    min-height: 100vh;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
#splash {
	border: solid #ffeeeb 3vh;
    padding-top: 18vh;
	min-height: 76vh;
    text-align: center;
    color:#fff;
    background-image: url(../img/splash.1.jpg);
    background-size:cover;
    background-color: #413330;
    background-position:center middle;
}
#splash p {
    width:40vw;
    margin: 0 auto;
}
#contactlinks {
    display:block;
    margin: 10vh auto 0;
}
#contactlinks li {
    display:block;
    height: 5vh;
    width:6vh;
    float:left;
    margin:0 2vh;
}
#contactlinks li a {
    display:block;
    height: 100%;
    width:100%;
        background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    text-indent: -9999px;
}
#contactlinks li a:hover {
    opacity:80%;
}
#email a {
    background-image: url(../img/icon.email.png);
}
#instagram a {
    background-image: url(../img/icon.instagram.png);
}
#facebook a {
    background-image: url(../img/icon.facebook.png);
}
.holder {
       display:table;
}
#thebaker {
    padding: 0 10vh;
}

#thebaker p {
    margin:  2vh 0;
}
#thebaker .carousel {
   width: 50vw; 
    float:left;
    margin-right:5vw;
    margin-bottom:0;
}
.content {
   display: table-cell;
  vertical-align: bottom;
}

.carousel img {
    width:50vw;
    height:auto;
}
#menu {
    padding: 10vh;
	min-height: 80vh;
    background-image: url(../img/splash.2.jpg);
    background-size:cover;
    background-color: #413330;
    background-position:center middle;
}
#menu .holder {
        padding: 1vw 2vw 2vw;
    background-color: white;
}

#menu .holder p, #menu .holder ul {
    margin:2vh;
}
#menu .holder ul {
    list-style-type: circle;
    padding-left: 3vh;
}
.gallerygrid { 
    float:right;
    width:50vw;
}
.gallerygrid img {
    display:table-cell;
    float:right;
    width:24vw;
    height:auto;
    margin: 1vw 0 0 1vw;
}

#poem {
	background: #ffeeeb;
}
#contact {
    padding: 10vw;
	min-height: 75vh;
    background-image: url(../img/splash.3.jpg);
    background-size:cover;
    background-color: #413330;
    background-position:center middle;
}
#contact p {
    color:#FFF;
}
#contact h3 {
        line-height: 2.7vw;
    font-size: 2vw;
}
#contact iframe {
    width:100%;
    height:25vh;
}
#homebase, #hawley {
    height:13vw;
    padding: 2vw;
    margin: 2vw 0;
}
#contact div div p {
    color: #44322f;
}
#homebase {
    width:40vw;
    background: #ffeeeb;
    float:left;
}
#hawley {
    width:30vw;
    background:white;
    float:right;
}

@media only screen and (orientation:portrait) {
body {
    line-height: 2.1vh;
    font-size: 1.7vh;
}

h1 {
    font-size: 6vh;
     line-height: 7vh;
}
h2 {
    font-size: 3.5vh;
    margin-bottom:25vh;
    margin-top: -25vh;
}
#splash p {
    width:70vw;
}
#thebaker {
    padding: 0;
    min-height: 0;
}
    #thebaker .carousel {
   width: 100vw; 
    float:none;
    margin-right:0;
    margin-bottom:0;
}
.content {
    float:none;
   display: block;
  vertical-align: top;
    padding: 5vw 7vw;
}

.carousel img {
    width:100vw;
}
#menu {
    padding: 7vw;
}
 #menu .holder {
        padding: 1vw;
}

#menu .holder p, #menu .holder ul {
    margin:0 0 2vw;
}
#menu .holder ul {
    list-style-type: circle;
    padding-left: 3vw;
}
.gallerygrid { 
    width:84vw;
}
.gallerygrid img {
    width:41vw;
    height:auto;
    margin: 0.5vw;
}
    blockquote {
	line-height: 4.5vh;
    font-size: 3.5vh;
}
    #contact {
    padding: 7vw;
	min-height: 85vh;
}

#homebase, #hawley {
    height:21vw;
    padding: 3vw;
}
}