* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-padding-start:0px;
	margin: 0px;
	padding: 0px;
}

*:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
}

body {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .site-title {
	font-family: 'Cinzel', serif;
  	text-transform: uppercase;
  	letter-spacing: 0.5px;
}

.yellowish {
	color: #c9974b;
}

.sixteen {
	font-size: 16px;
}

.site-title {
	font-size: 1.1rem;
}

/* Mobile heading sizes */
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.1rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.95rem; }

body, p, li {
	font-family: 'Libre Baskerville', serif;
  	font-size: 16px;
  	line-height: 1.6;
}

a:hover, a:hover > i, a:hover > button, a:hover > input, button:hover, .aside-inner ul li:hover a, table tr td a:hover {
	-moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-decoration: none;
}

.bourbon-btn {
	background-color: #d4a55d;
	color: #ffffff;
}

.bourbon-btn:hover {
	background-color: #c9974b;
	color: #ffffff;
}

/* Initial logo size */
.logo-img {
  	transition: all 0.3s ease;
  	height: 80px;
  	width: auto;
}

#mainNavbar {
  	transition: all 0.3s ease;
}

/* Shrunk state */
.navbar-shrink .logo-img {
  	height: 50px;
}

.navbar-shrink {
  	padding-top: 0.25rem !important;
  	padding-bottom: 0.25rem !important;
  	background-color: rgba(0, 0, 0, 0.8) !important;
}

.navbar-shrink .site-title {
  	font-size: 1rem;
}

.footer {
	font-size: 14px;
}

.footer a {
	color: #ffffff;
	text-decoration: underline;
}

.footer a:hover {
	color: #c9974b;
}

/* Tablet: md ≥ 768px */
@media (min-width: 768px) {
  body {
    font-size: 17px;
  }

  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.25rem; }
}

/* Desktop: lg ≥ 992px */
@media (min-width: 992px) {
  body {
    font-size: 18px;
  }
  
  .site-title {
	font-size: 1.75rem;
}

  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.25rem; }
}

/* Large Desktop: xl ≥ 1200px */
@media (min-width: 1200px) {
  body {
    font-size: 19px;
  }

  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
}