body {font-family: 'Montserrat Display' serif !important;}

p.solid {border-style: solid;}

/* Some background colours */
.bg-beige {
  background-color: rgba(188, 178, 83, 0.56) !important;
}
.bg-black {
  background-color: #231f20 !important;
}
.bg-grey {
	background-color: #333333 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

@keyframes logofade {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

#logo div {
  animation-name: logofade;
  animation-duration: 3s;
}

.text-large{font-size: 2.5rem}

.fontbig{
	font-size:1.5em;
}
.broadway{
	font-family: "LTC Broadway W00 Engraved", sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:1.2em;
}

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

.page-border {
	background-color: cadetblue;
	padding: 10px 10px 5px 0px;
}
.btn{
	border-radius: 50px;
}

h5{font-size: 0.9rem}

nav p{
	margin:0px;
}
nav h1{
	font-size: 1rem;
	margin: -5px 0px 0px;
}

#hero h1{
	font-size:30px;
	margin: -5px 0px 0px;
}
#hero h3{
	font-size:20px;
	font-weight: 200;
}

#about-section h3{
	padding: 20px 0px;
}
#about-section a{
	color: white;
}
#about-section img{
	border-style: solid;
	border-color: white;
	border-radius: 30%;
}

#info-section a{
	color:blue;
}

#blog-section a:hover{color: black}

#blog-header a:hover{color: black;}
h2 {color:blue;}

.privacy a {color: black}
.privacy a:hover{color: black}

/* Back to top button */
#topBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 30px;
  z-index: 99;
  font-size: 28px;
  border: none;
  outline: none;
  background-color: RGBA(168,228,235,0.7);
  color: black;
  cursor: pointer;
  padding: 1px;
  border-radius: 10px;
}

#topBtn:hover {
  color: white;
}

#mmheader #bbheader, h2{
	font-size: 1.2rem;
}

footer a, a:hover{
	color: white;
}

#contact-section a, a:hover{
	text-decoration: none;
} 

/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 30px;
    width: 42px;
    text-align: center;
    text-decoration: none;
	margin: 5px 2px;
	border-radius:50%;
}

/* Add a hover effect if wanted */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-chevron-up {
  color: white;
}

/* Tablet View - 768 and above */

@media (min-width: 768px) {
	.text-large{font-size:1.5rem}
	.broadway{font-size:2rem}
	h5{font-size: 0.6rem}
	nav h1{font-size: 1.6rem}
	#mmheader #bbheader, h2{font-size: 1.5rem;}
}

/* Desktop View - 992 and above*/

@media (min-width: 992px) {
	.navbar {padding: 5px 15px;}
	p{font-size: 1.1rem}
	h5{font-size: 0.9rem}
	nav h1{font-size: 1.6rem}
	#mmheader #bbheader, h2{font-size: 2rem;}

}

/* * Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	p{font-size: 1.2rem}
	h5{font-size: 0.9rem}
	nav h1{font-size: 2rem}
}