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

@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Hind:wght@300;400;500;600;700&display=swap');

body {font-family: "Commissioner", sans-serif; background-color:#FFF; color: #000; margin:0; font-size: 1em; font-weight: 500; overflow-x: hidden; position: relative;}

dl, ol, ul {margin:0!important; list-style-position: outside;}
li {margin:20px 0 0 -10px; line-height: 1.5em;}

p {font-family: "Commissioner", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.7em; letter-spacing:-.25px;}

.list {margin-bottom:-10px;}
.bg-white {padding:6.5%;}

.max-container {max-width:856px;}

#content {scroll-margin-top: 165px!important;}
.section {scroll-margin-top: 250px!important;}

.serif {font-family: "Hahmlet", serif;}
.sans-serif {font-family: "Commissioner", sans-serif;}

/*SKIP TO CONTENT*/
.skip-to-content-link {
    left: 0px;
    position: absolute;
    transform: translateY(-100%);
    background: #FFF;
    height: 40px;
    padding: 10px;
    transition: transform 0.3s;
	margin-top: 0px;
    z-index: 1;
	width: 100%;
	text-align: center;
}
.skip-to-content-link:hover {
	color:#000;
}
/*.skip-to-content-link:focus {
    transform: translateY(0%);
}*/
.skip-to-content-link:focus {
    transform: translateY(0%);
	width:100%;
	background-color:#FFF;
	z-index:99999999999;
	/*line-height:50px;*/
	font-weight:bold;
	color:#15767E!important;
	border:none;
	text-align: center!important;
}
.skip-to-content-link:focus-visible {
	color:#15767E!important;
}
/* END SKIP TO CONTENT*/

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #15767E;
  width: 50px;
  height: 50px;
  text-align: center;
  border:2px solid #FFF;
  border-radius: 0;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #FFF;
}
#button:hover {
  cursor: pointer;
  background-color: #767676;
}
#button:active {
  background-color: #767676;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BACK TO TOP*/

a {color:#15767E; text-decoration: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover {color:#767676;text-decoration: none!important;}
a:focus {color:#000!important; outline: -webkit-focus-ring-color auto 1px; outline-offset: 4px;}
a:focus-visible {outline: -webkit-focus-ring-color auto 5px;}

.teal {color:#15767E;}
.gray {color:#767676;}
.silver {color:#CCC;}
.white {color:#FFF;}
.black {color:#000;}

.small {font-size: 90%!important;}
.smaller {font-size: 85%!important;}
.smallest {font-size: 75%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 150%!important;}

.bar-teal {width:90px; border-top:10px solid #15767E;}
.bar-gray {width:90px; border-top:10px solid #AAA;}
.bar-silver {width:90px; border-top:10px solid #CDCDCD;}
.bar-white {width:90px; border-top:10px solid #FFF;}
.bar-black {width:90px; border-top:10px solid #000;}
.bar-silver-sm {width:75px; border-top:5px solid #CDCDCD;}
.bar-teal-sm {width:75px; border-top:5px solid #15767E;}

.divider {border-top:1px solid #ddd;}
.divider-teal {border:3px solid #15767E; border-radius: 10px;}
.divider-gray {border:3px solid #AAA; border-radius: 10px;}

.bg-teal {background:#15767E;}

.border-black {border:3px solid #000;}
.border-teal {border:3px solid #15767E;}
.border-gray {border:3px solid #AAA;}
.border-silver {border:3px solid #CDCDCD;}
.border-silver-sm {border:2px solid #CDCDCD;}
.border-gallery {border:2px solid #AAA;}
.pic-shadow {-webkit-box-shadow: 0 10px 10px -5px #777; -moz-box-shadow: 0 10px 10px -5px #977799; box-shadow: 0 10px 10px -5px #777;}

h1 {
	font-family: "Hahmlet", serif;
	font-size: 46px;
	font-weight: 800;
	color:#15767E;
	letter-spacing: -1px;
}

h2 {
	font-family: "Hahmlet", serif;
	font-size: 38px;
	font-weight: 700;
	color:#15767E;
	letter-spacing: -.5px;
}

h3 {
	font-family: "Hahmlet", serif;
	font-size: 32px;
	font-weight: 600;
	color:#767676;
	letter-spacing: -.5px;
}

h4 {
	font-family: "Hahmlet", serif;
	font-size: 24px;
	font-weight: 700;
	color:#767676;
	letter-spacing: -.5px;
}

.subtitle {font-family: "Hahmlet", serif; font-size:28px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase;}

.header {
  background:#FFF;
  z-index:999999;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15); 
  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15);
  height: 110px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#FFF;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.bg-hero {background-image: url("images/index/hero.webp"); text-shadow: 2px 2px 4px #000; background-position: center;}
.bar-hero {width:90px; border-top:10px solid #15767E; box-shadow: 2px 2px 4px #000!important;}
.h1-hero {font-size: 56px; font-weight: 900; text-transform: none!important; color:#FFF!important; text-transform: uppercase!important;}
.h2-hero {font-size: 48px; font-weight: 600; text-transform: none!important; color:#CCC!important;}

.bg-top {background:#15767E; color:#FFF; font-size: 16px; font-weight: 300!important;}
.bg-top a {color: #FFF; text-decoration: underline!important; font-weight:600; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #CDCDCD; text-decoration: none!important;}
.bg-top a:focus {border:2px solid #FFF; color:#FFF;}
.bg-top a:focus-visible {border:2px solid #15767E; color:#FFF;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:''; margin:0 15px;}
.bg-top ul li:last-child:after {content:'';}
.top-tagline {font-family: "Hahmlet", serif; font-size: 24px; font-weight: 700; color:#FFF; margin-right: 50px; text-shadow: 2px 2px 4px #333;}

.shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.shrink-on-hover:hover,
.shrink-on-hover:focus,
.shrink-on-hover:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.offcanvas {background-image:url("graphics/bg-nav.jpg"); border-top: none!important; padding:0!important;}
.offcanvas-header {padding:0!important;}
/*.offcanvas-header img {height:150px!important; margin:100px 0 0 35px;}*/
.offcanvas-header img {height:90px!important;}
.offcanvas-header .btn-close {padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: 0.5rem; margin-bottom: -0.5rem;}

.navbar-light .navbar-nav .nav-link {
  font-family: "Hahmlet", serif;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  letter-spacing: -.5px;
  padding:15px 2rem !important;
  margin:15px 0 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 4px solid transparent;
}
.navbar-light .navbar-nav .nav-link:hover {color:#15767E!important; border-bottom: 4px solid #767676;}
.navbar-light .navbar-nav .nav-link:focus {color:#15767E!important;}
.navbar-light .navbar-nav .nav-link:focus-visible {color:#15767E!important; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,1.0);}

.navbar-toggler {border-color:#FFF!important; background-color:transparent!important; border:0!important; color:(255,255,255,1.0)!important;}
.navbar-toggler:focus {box-shadow:none!important; border:2px solid #FFF!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {/*height:100%; */z-index: 10; position: relative; top:0;/* margin:-110px 0 0 0;*/}
.navbar-brand img {
	height:175px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	top:fixed;
	margin: -6.5rem 0 0 0!important;
}
.navbar-brand.js-scrolling img {
	height: 90px;
	/*height: 100px;
	margin-top:90px!important;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-brand img:is(.header.sticky img) {
    margin: 0 !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#15767E!important;}

.carousel-control-next, .carousel-control-prev {opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: rgba(0,0,0,0.65); padding: 1rem 0; border:1px solid #FFF;}

button.carousel-control-prev:hover, button.carousel-control-next:hover {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #15767E;
        outline-style: solid;
        outline-width: 2px;
        background-color: #15767E;
        transform:	scale(1.25);
    }
}
button.carousel-control-prev:focus, button.carousel-control-next:focus {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #15767E;
        outline-style: solid;
        outline-width: 2px;
        background-color: #15767E;
        transform:	scale(1.25);
    }
}

.content-index {min-height: 350px; font-weight: 500; letter-spacing: -.5px;}
.content-index a {color:#15767E!important; font-weight: 800; text-decoration: underline!important; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content-index a:hover {color:#767676!important; text-decoration: none!important;}
.content-index a:focus {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}
.content-index a:focus-visible {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}

.content {min-height: 950px; font-weight: 500; letter-spacing: -.5px;}
.content a {color:#15767E!important; font-weight: 800; text-decoration: underline!important; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#767676!important; text-decoration: none!important;}
.content a:focus {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}
.content a:focus-visible {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}
.btn-content {
	background-color:#15767E;
	font-family: "Commissioner", sans-serif;
	font-size:16px;
	font-weight: 400!important;
	text-transform: uppercase;
	text-align: center!important;
	text-shadow: none!important;
	letter-spacing: 0;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #15767E;
	display: inline-block;
}
.btn-content:hover {
	background:#000;
	color:#CDCDCD!important;
	cursor: pointer;
	border:2px solid #000;
	text-decoration: underline;
}
.btn-content:focus {border:2px solid #000;}
.btn-content:focus-visible {border:2px solid #000; outline-offset: 4px;}

.bg-brand {background-image: url("graphics/bg-brand.webp"); background-attachment: fixed; background-position: center;}
.bg-brand a {color:#15767E!important; font-weight: 800; text-decoration: underline!important; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-brand a:hover {color:#767676!important; text-decoration: none!important;}
.bg-brand a:focus {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}
.bg-brand a:focus-visible {border:2px solid #767676; color:#767676; outline-offset: 3px!important;}

.bg-marble-black {background-image: url("graphics/bg-marble-black.webp"); background-position: center;}
.bg-marble-black a {color:#AAA!important; font-weight: 700; text-decoration: underline!important; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-marble-black a:hover {color:#FFF!important; text-decoration: none!important;}
.bg-marble-black a:focus {border:2px solid #767676; color:#FFF; outline-offset: 3px!important;}
.bg-marble-black a:focus-visible {border:2px solid #767676; color:#FFF; outline-offset: 3px!important;}

.bg-brand-lg {background-image: url("graphics/bg-brand-lg.webp"); background-attachment: fixed; background-position: center;}

.bg-tagline {background-image: url("graphics/bg-tagline.webp"); background-position: center;}
.btn-tagline {
	background-color:#15767E;
	font-family: "Commissioner", sans-serif;
	font-size:20px;
	font-weight: 400!important;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: 0;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #15767E;
}
.btn-tagline:hover {
	background:transparent;
	color:#CCC!important;
	cursor: pointer;
	border:4px solid #15767E;
	text-decoration: underline;
}
.btn-tagline:focus {border:2px solid #15767E;}
.btn-tagline:focus-visible {border:2px solid #15767E;}

.btn-secondary {
	background-color:#15767E;
	font-family: "Commissioner", sans-serif;
	font-size:16px;
	font-weight: 400!important;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: 0;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #15767E;
	display: inline-block;
}
.btn-secondary:hover {
	background:transparent;
	color:#CCC!important;
	cursor: pointer;
	border:4px solid #15767E;
	text-decoration: underline;
}
.btn-secondary:focus {border:2px solid #15767E;}
.btn-secondary:focus-visible {border:2px solid #15767E;}

.index-text {font-size: 18px; font-weight: 500; line-height: 1.8em; letter-spacing: -.25px;}
.intro-text {font-size: 18px; font-weight: 500; line-height: 1.8em; letter-spacing: -.25px;}

.footer {font-family: "Hahmlet", serif; font-size: 16px; font-weight:400!important; color:#000; letter-spacing: -.5px;}
.footer img {display:block; margin: 0 auto 20px 0;}
.footer a {color: #000; font-weight: 900!important; text-decoration: underline!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #15767E!important; text-decoration: none!important;}
.footer a:focus {border:2px solid #767676; color:#15767E;}
.footer a:focus-visible {border:2px solid #767676; color:#15767E;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 0 0 70px;}
.footer ul li:last-child:after {content:''; margin-left: 0;}

.footer-fb {color:#15767E;}
.footer-fb a {font-size: 36px!important; color: #15767E; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -25px!important;}
.footer-fb a:hover {color: #767676!important; text-decoration: none;}
.footer-fb a:focus {border:2px solid #000; color:#767676;}
.footer-fb a:focus-visible {border:2px solid #000; color:#767676;}

.bg-anchor {background:#000; color:#FFF; font-family: "Commissioner", sans-serif; font-size: 14px; font-weight: 300; border-bottom: 4px solid #15767E; letter-spacing: -.25px;}
.bg-anchor a {color:#FFF; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#CCC; text-decoration:none;}

.bg-anchor a {color:#FFF; text-decoration:underline!important; font-weight: 600!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#CCC; text-decoration:none!important;}
.bg-anchor a:focus {border:2px solid #FFF; color:#AAA!important;}
.bg-anchor a:focus-visible {border:2px solid #FFF; color:#AAA!important;}
.bg-anchor ul {padding:0; margin:0; text-align:center!important;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#15767E; font-weight: 900; margin:0 20px;}
.bg-anchor ul li:last-child:after {content:'';}

.sidebar {background:#F2F2F2; padding:8%;}
.sidebar p {font-size: 20px;}

/*ANIMAL*/
.animal-name {font-family: "Hahmlet", serif; font-size: 26px; font-weight: 900; color:#000;}

.animal {margin-left: 10px;}
.animal ul {color:#15767E; padding:0; margin:0; text-align:left; font-size: 18px; font-weight: 700;}
.animal ul li {list-style-type:none; display:inline;}
.animal ul li:before {content:'';}
.animal ul li:after {content:'|'; color:#AAA; margin:0 15px; font-weight: 400;}
.animal ul li:last-child:after {content:''; margin-left: -15px!important;}

.pedigree {font-size: 16px; font-weight: 600; color:#000;}

.btn-animal {
	background:#15767E; 	
	color:#fff!important;
	font-family: "Commissioner", sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	border:4px solid #15767E;
	display: inline-block;
}
.btn-animal:hover {
	background:#000; 	
	color:#CCC!important;
	text-decoration: underline!important;
	cursor: pointer;
	border:4px solid #000;
}
/*END ANIMAL*/

/*FORM*/
#form {
        width:100%;
        float:left;
		font-family: "Commissioner", sans-serif;
}


form{
        width: 100%;
        }

legend {font-size: 16px; font-weight: 500; color:#000;}

fieldset{
        border: 0;
        padding:2.5% 0;
        clear: left;
		
        }
        
textarea, input, select{
        border-top:0;
		border-right:0;
		border-left:0;
		border:1px solid #717171;
        padding:2.5%;
        width: 100%;
		font-size: 16px;
        }

label{
        font-weight: 600!important;
		font-size: 100%;
		display: block;
        }       
        
textarea:focus, input:focus, select:focus{
        border: 3px solid #15767E;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.submit {
	padding:5%!important;
	background:#15767E; 	
	color:#FFF!important;
	font-family: "Hahmlet", serif;
	font-size:28px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #15767E;
}
/*.submit:hover {
	background-color:#000;
	color:#ccc!important;
	cursor:pointer;
	border:4px solid #000;
}*/
.submit:hover {background-color:#000; color:#CDCDCD!important; cursor:pointer;border:2px solid #000; outline-color: #15767E; outline-style: solid; outline-width: 4px; padding:4px; border:4px solid #15767E;}
.submit:focus {border:2px solid #FFF; outline-color: #000; outline-style: solid; outline-width: 4px; padding:4px;}
.submit:focus-visible {border:2px solid #FFF; outline-color: #000; outline-style: solid; outline-width: 4px; padding:4px;}
input {padding:10px!important;}
/*END FORM*/

@media (max-width: 1399px) {
.bg-top ul li:after {margin:0 10px;}
.navbar-brand img {height:175px; margin: -10px 0 0 -20px;}
.navbar-light .navbar-nav .nav-link {font-size: 16px; padding:15px 1.15rem!important;}
.footer ul li:after {content:''; margin:0 0 0 35px;}
}

@media (max-width: 1199px) {
.bg-top ul li {display:block; padding:.625rem 0;}
.bg-top ul li:after {margin:0;}
.navbar-brand img {height:175px; margin: -105px 0 0 0;}
.navbar-brand.js-scrolling img {margin-top:95px!important;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding:5px 0 0 20px!important;}
.header {height: 90px;}
.offcanvas-header img { margin: 80px 0 -20px 25px!important;}
/*.offcanvas-header {padding: 0!important; margin: 170px 0 -20px 25px!important;}*/
.offcanvas-header .btn-close {margin-top: -5rem!important;}
.footer {font-size: 18px;}
.footer li { padding:12px 0!important;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.top-tagline {margin-right: 0!important;}
.footer-fb a {margin-top: 25px!important;}
}

@media (max-width: 991px) {
.navbar-brand img {height:175px; margin: -105px 0 0 -20px;}
.navbar-brand.js-scrolling img {margin-top:95px!important;}
.bg-tagline {background-size: cover;}
}

@media (max-width: 767px) {
  .navbar-brand img {
    height: 160px;
    margin: 0;
  }
  .top-tagline {
    font-size: 16px !important;
  }
  #myHeader .navbar {
    height: unset;
  }
  #myHeader .navbar-brand img {
    max-height: 100%;
    height: 80px;
    width: auto;
    padding: 0 !important;
    float: none;
    margin: 0 !important;
    object-fit: contain;
  }
  #myHeader a.navbar-brand {
    aspect-ratio: 7/5;
    height: 100%;
  }
  #myHeader .navbar.header > .container {
    max-height: 100%;
  }
  .big-top ul:has(.top-tagline) {
    padding-top: 0 !important;
  }
}

@media (max-width: 575px) {
.bg-top ul {text-align: center!important;}
.navbar-brand img {height:150px; margin: -355px 0 25px 80%; clear: both;}
/*.offcanvas-header {height: 100px; padding: 0!important; margin: 265px 0 0 -30%!important;}
.offcanvas-header .btn-close {margin-top: -22.5rem!important;}*/
.bg-anchor li {padding:12px 0;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
h1 {font-size: 38px; letter-spacing: -.5px;}
h2 {font-size: 34px; letter-spacing: -.5px;}
.program-box {min-height: 0;}
}
	
@media (max-width: 480px) {
.navbar-brand img {height:150px; margin: -355px 0 25px 60%; clear: both;}
.h1-hero {font-size: 38px!important;}
.h2-hero {font-size: 32px!important;}
}

@media (max-width: 375px) {
.navbar-brand img {height:150px; margin: -355px 0 25px 35%; clear: both;}
.footer {font-size: 16px;}
.large {font-size: 105%!important;}
.h1-hero {font-size: 30px!important;}
.h2-hero {font-size: 26px!important;}
.sidebar p {font-size: 18px;}
}

@media (max-width: 320px) {
.navbar-brand img {height:150px; margin: -410px 0 25px 20%; clear: both;}
}