@charset "UTF-8";
/* CSS Document */

/*-------------------------
COLORS

main beige: #e8dfc9
darker beige: #dacba7
brown: #60502a
gray/green: #736c59
dark gray/green: #615b4b
red: #993222
orange: #ff3200
-------------------------*/


.fraunces{
  font-family:'Fraunces', serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 1;
}

body{
	margin:0;
	background-color:#e8dfc9;
	font-family:'Fraunces', serif;
	color:#60502a;
}

p{
	line-height:22px;
}

.banner{
	background-image:url("assets/bird-on-grass.jpg");
	background-size:cover;
	background-position:center;
}

.headline{
	padding:20px 0 100px 0;
	text-align:center;
}

h1{
	font-family:'Darumadrop One', cursive;
	text-transform:uppercase;
	font-size:60px;
	margin:10px 0;
	color:#60502a;
}

h2{
	font-family:'Fraunces', serif;
	font-weight:500;
	font-size:30px;
	margin:0;
	margin-bottom:10px;
	color:#60502a;
}

h3{
	font-family:'Fraunces', serif;
	font-weight:500;
	font-size:22px;
	margin:0;
	margin-bottom:10px;
	color:#736c59;
}

.nav{
	background-color:#dacba7;
	padding:20px;
	text-align:center;
	margin-bottom:15px;
}

.button{
	background-color:#736c59;
	display:inline-block;
	padding:10px 15px;
	margin:0 20px;
	font-family:'Belanosima', sans-serif;
	font-weight:400;
	text-decoration:none;
	color:#e8dfc9;
	font-size:18px;
}

.button:hover{
	background-color:#993222;
	color:#e8dfc9;
}

a{
	color:#993222;
	text-decoration:none;
}

a:hover{
	color:#ff3200;
}

.container{
	max-width:1200px;
	display:flex;
	margin:auto;
	padding:20px;
	padding-bottom:0;
}

.column{
	padding:20px;
	padding-top:0;
	width:100%;
}

.alt-column{
	padding:40px;
	padding-top:0;
}

.left{
	padding-left:0;
}

.right{
	padding-right:0;
}

.right-align{
	text-align:right;
}

.none{
	padding-bottom:0;
}

.nr{
	text-align:center;
}

.dmc{
	max-height:115px;
}

.dmc-column{
	padding:0px 0px 20px 30px;
}

.book{
	max-height:300px;
}

.last{
	padding-bottom:20px;
}

.bullets{
	padding-left:40px;
}

.bullets li{
	list-style-type:disc;
}

li{
	padding:6px 0;
	list-style-type:none;
}

ul{
	padding:0;
}

.pre-no-spacing{
	margin-bottom:0;
}

.no-spacing{
	margin:0;
}

.small-column{
	padding-top:0;
	padding-left:120px;
	width:65%;
}

.footer{
	background-color:#dacba7;
	padding:20px;
	display:flex;
	justify-content:space-between;
}

.footer .social-bar{
	text-align:right;
	margin:0;
}

.social-bar{
	padding:0;
}

.social-bar li{
	display:inline-block;
}

.sm-link{
	padding:0 5px;
	position: relative;
    max-width: 100%;
}

.sm-link .icon-hover{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
	opacity: 0;
	padding:0 5px;
  }

.sm-link:hover .icon-hover{
    opacity: 1;
  }

.copyright{
	position:relative; top:20px
}

@media only screen and (max-width:950px){
	.container{
		display:block;
	}
	.left{
		padding:0;
	}
	.right{
		padding:0;
	}
	.container{
		padding-top:10px;
		padding-left:40px;
	}
	.column{
		max-width:100%;
		padding-right:0;
		padding-left:0;
		padding-top:20px;
		padding-bottom:0;
		margin-right:40px;
	}
	p{
		padding-right:40px;
	}
	ul{
		padding-right:40px;
	}
	.small-column{
		padding-bottom:20px;
		width:100%;
	}
	.small-column h3{
		padding-top:20px;
	}
	.button{
		margin-bottom:20px;
	}
	.nav{
		padding-bottom:0;
	}
	h1{
		padding:20px;
	}
	.dmc-column{
		padding-bottom:0;
		padding-top:20px;
		padding-left:0;
	}
	.nr{
		text-align:left;
	}
	.mobile-img{
		max-width:90%;
	}
	.copyright{
		top:2px;
	}
	.footer{
		padding-bottom:32px;
		padding-left:34px;
	}
	.column.left.nr{
		padding-top:0px;
	}
}