:root {
	--main-color: #85262B;
	--main-color: #F9B233;
	--dark: #212529;
	--mediumdark: #666;
	--secondary-color: #bc7d0d;
}


.bg-dark {background-color: var(--dark)!important;}
.bg-main {background-color: var(--main-color)!important;}
.bg-white {background-color: #fff;}

body {font-family: "Roboto", sans-serif;}
strong {font-weight: 700;}

header {background-color: var(--main-color);}

.btn-danger {background-color: var(--main-color); border-color: var(--main-color);}
.btn-success {background-color: var(--main-color); border-color: var(--main-color);}
.btn-success:hover {background-color: var(--secondary-color); border-color: var(--secondary-color);}
.btn { font-family: "Lilita One", sans-serif;}

.navbar {padding: 0px;}
.navbar-toggler {background-color: #fff; color: #333!important; font-weight: bold; display: block; width: 100%;}
.navbar-togger i {color: #333;}
.navbar-nav li a {color: #000; font-size: 1.3rem; text-decoration: underline;}
.navbar-nav li.active a {color: #333; font-size: 1.3rem; text-decoration: none;}


.card {border:none; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);}
.card .card-body .display-3 {margin: 1rem 0rem;}
.card .card-body p {font-size: 0.95rem; color: var(--mediumdark);}

p {font-size: 1.1rem; line-height: 155%; font-weight: 300; margin: 2rem 0rem;}
li {font-weight: 300; font-size: 1.1rem; line-height: 155%;}

h1,h2,h3,h4,h5,h6 {font-family: "Lilita One", sans-serif;}

.display-3 {font-size: 1.20rem; font-weight: bold; font-family: "Lilita One", sans-serif; color: var(--main-color);}
.display-4 {font-size: 1.10rem; font-weight: bold; font-family: "Lilita One", sans-serif;}

.hero,
.bg-block {background-size: cover; background-repeat: no-repeat; background-position: center center;}
.hero h1 {font-size: 3.5rem; color: #fff; text-shadow: 0px 0px 26px rgba(0, 0, 0, 0.50); display: inline-flex; position: relative;} 
.hero h1::after {height: 10px; background-color: var(--main-color); width: 100%; content:""; display: block; position: absolute; bottom: -25px;}

.overlay {background-color: rgba(0, 0, 0, 0.75);}



.bevan-regular {
  font-family: "Bevan", serif;
  font-weight: 400;
  font-style: normal;
}

.bevan-regular-italic {
  font-family: "Bevan", serif;
  font-weight: 400;
  font-style: italic;
}

.afterfoot a {margin-right: 15px; color: inherit;}
footer p {font-size: 0.85rem;}

@media (max-width: 575px){
	body {overflow-x: hidden;}
	.hero h1 {font-size: 1.5rem;}
	h2 {font-size: 1.3rem;}
	.photo-block {min-height: 300px; display: block; width: 100%;}
}