@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: 'Hind', 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:10px 0 0 -10px; line-height: 1.25em;}

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

.list {margin-bottom:-10px;}

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

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

.serif {font-family: "Aleo", serif;}
.sans-serif {font-family: "Hind", 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:#146526!important;
	border:none;
	text-align: center!important;
}
.skip-to-content-link:focus-visible {
	color:#146526!important;
}
/* END SKIP TO CONTENT*/

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #146526;
  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:#146526; 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; text-decoration: none; outline: -webkit-focus-ring-color auto 1px;}
a:focus-visible {outline: none !important;}

.green {color:#146526;}
.gray {color:#AAA;}
.silver {color:#CDCDCD;}
.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-green {width:100px; border-top:10px solid #146526; border-radius: 5px;}
.bar-gray {width:100px; border-top:10px solid #AAA; border-radius: 5px;}
.bar-silver {width:100px; border-top:10px solid #CDCDCD; border-radius: 5px;}
.bar-white {width:100px; border-top:10px solid #FFF; border-radius: 5px;}
.bar-black {width:100px; border-top:10px solid #000; border-radius: 5px;}
.bar-silver-sm {width:75px; border-top:5px solid #CDCDCD; border-radius: 5px;}
.bar-green-sm {width:75px; border-top:5px solid #146526; border-radius: 5px;}
.bar-video {width:100px; border-top:10px solid #146526; box-shadow: 1px 1px 2px #000; border-radius: 5px;}

.divider {border-top:1px solid #ddd;}
.divider-green {border:3px solid #146526; border-radius: 10px;}
.divider-gray {border:3px solid #AAA; border-radius: 10px;}

.bg-green {background:#146526;}

.border-black {border:6px solid #000;}
.border-green {border:6px solid #146526;}
.border-gray {border:6px solid #AAA;}
.border-silver {border:6px 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: "Aleo", serif;
	font-size: 52px;
	font-weight: 800;
	color:#146526;
}

h2 {
	font-family: "Aleo", serif;
	font-size: 45px;
	font-weight: 800;
	color:#146526;
	letter-spacing: -.5px;
}

h3 {
	font-family: "Aleo", serif;
	font-size: 32px;
	font-weight: 800;
	color:#AAA;
}

h4 {
	font-family: "Aleo", serif;
	font-size: 21px;
	font-weight: 800;
	color:#AAA;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

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

.header {
  background-image:url("graphics/bg-nav.jpg");
  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-image:url("graphics/bg-nav.jpg");
  z-index: 10;
}

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

.bg-hero {background-image: url("images/index/hero.webp"); overflow: hidden; min-height: 650px;}
.h1-hero {font-size: 46px; text-transform: none!important; color:#FFF!important;}

.bg-top {background:#146526; 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 #146526; 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:'';}

.fb-top {font-size:32px!important;}
.fb-top a {color: #FFF; padding:0 4px; 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;}
.fb-top a:hover {color: #CDCDCD; text-decoration: none;}
.fb-top a:focus {border:2px solid #CDCDCD; color:#FFF;}
.fb-top a:focus-visible {border:2px solid #FFF; color:#FFF;}

.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 .btn-close {background-image:url(graphics/close.png); 0.5rem 0.5rem; margin-top: 0.5rem; margin-right: 0.5rem; margin-bottom: -0.5rem;}

button.btn-close.text-reset {background-image: url("graphics/close.png"); opacity: 1.0!important;}

.navbar-light .navbar-nav .nav-link {
  font-family: "Aleo", serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  color: #FFF;
  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:#AAA!important; border-bottom: 4px solid #146526;}
.navbar-light .navbar-nav .nav-link:focus {color:#AAA!important;}
.navbar-light .navbar-nav .nav-link:focus-visible {color:#AAA!important;}

.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:-100px 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 50px!important;*/
}
.navbar-brand.js-scrolling img {
	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-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:#146526!important;}


/*INDEX-VIDEO*/
.video-container-home {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
}

.video-container-home iframe,
.video-container-home object,
.video-container-home embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.vid-container {
  max-height: 700px!important;
  z-index: -1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
  z-index: 1; /* Places the overlay on top of the video */
  text-shadow: 1px 1px 2px #000;
}

.h1-video {font-size: 65px!important; line-height: 1em;}
/*END INDEX-VIDEO*/

.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: #146526;
        outline-style: solid;
        outline-width: 2px;
        background-color: #146526;
        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: #146526;
        outline-style: solid;
        outline-width: 2px;
        background-color: #146526;
        transform:	scale(1.25);
    }
}

.content-index {min-height: 350px; font-weight: 500; letter-spacing: -.5px;}
.content-index a {color:#146526!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:#AAA; outline-offset: 3px!important;}
.content-index a:focus-visible {border:2px solid #767676; color:#AAA; outline-offset: 3px!important;}

.content {min-height: 950px; font-weight: 500; letter-spacing: -.5px;}
.content a {color:#146526!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:#AAA; outline-offset: 3px!important;}
.content a:focus-visible {border:2px solid #767676; color:#AAA; outline-offset: 3px!important;}
.btn-content {
	background-color:#146526;
	font-family: "Aleo", serif;
	font-size:18px;
	font-weight: 400!important;
	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:2px solid #146526;
	border-radius: 10px;
	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;}

.btn-content-donors {
	background-color:#146526;
	font-family: "Aleo", serif;
	font-size:18px;
	font-weight: 400!important;
	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 #146526;
	border-radius: 10px;
	display: inline-block;
}
.btn-content-donors:hover {
	background:transparent;
	color:#CDCDCD!important;
	cursor: pointer;
	border:4px solid #146526;
	text-decoration: underline;
}
.btn-content-donors:focus {border:2px solid #000;}
.btn-content-donors:focus-visible {border:2px solid #000;}

.index-text {font-size: 20px; 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: "Aleo", serif; font-size: 16px; font-weight:500!important; color:#000; letter-spacing: -.5px;}
.footer a {color: #146526; 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: #767676!important; text-decoration: none!important;}
.footer a:focus {border:2px solid #AAA; color:#767676;}
.footer a:focus-visible {border:2px solid #AAA; color:#767676;}
.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 35px;}
.footer ul li:last-child:after {content:''; margin-left: 0;}

.footer-fb {color:#146526;}
.footer-fb a {font-size: 36px!important; color: #146526; 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;}
.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: 'Hind', sans-serif; font-size: 14px; font-weight: 300; border-bottom: 4px solid #146526; 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:#CDCDCD; 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:#CDCDCD; 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:#146526; font-weight: 900; margin:0 20px;}
.bg-anchor ul li:last-child:after {content:'';}

.bg-sires {background-image: url("graphics/bg-sires.jpg"); background-attachment: fixed; border-bottom: 12px solid #146526;}
.bg-donors {background-image: url("graphics/bg-donors.jpg"); border-bottom: 12px solid #146526;}
.bg-donors a {color:#AAA!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-donors a:hover {color:#FFF!important; text-decoration: none!important;}
.bg-donors a:focus {border:2px solid #FFF; color:#146526;}
.bg-donors a:focus-visible {border:2px solid #FFF; color:#146526;}

.bg-spring {background-image: url("graphics/bg-spring.jpg"); min-height: 315px;}
.bg-fall {background-image: url("graphics/bg-fall.jpg"); min-height: 315px;}
.sale-border {border:2px solid #AAA; min-height: 290px;}

.bg-program {background-image: url("graphics/bg-program.jpg"); background-attachment: fixed;}
.program-box {background:#FFF; border-radius: 10px; border:1px solid #CCC;}
.bg-program a {color:#146526!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-program a:hover {color:#767676!important; text-decoration: none!important;}
.bg-program a:focus {border:2px solid #767676; color:#000;}
.bg-program a:focus-visible {outline-offset: 3px; display: inline-block;}

.bg-black {background-image: url("graphics/bg-black.jpg")!important;}

.btn-catalog {
	background-color:#146526;
	font-family: "Aleo", serif;
	font-size:18px;
	font-weight: 400!important;
	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:3px solid #146526;
	border-radius: 10px;
	display: inline-block;
}
.btn-catalog:hover {
	background:#000;
	color:#CDCDCD!important;
	cursor: pointer;
	border:3px solid #146526;
	text-decoration: underline;
}
.btn-catalog:focus {border:2px solid #000;}
.btn-catalog:focus-visible {border:2px solid #000;}

/*FORM*/
#form {
        width:100%;
        float:left;
		font-family: 'Hind', 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 #146526;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.submit {
	padding:2.5%!important;
	background:#146526; 	
	color:#FFF!important;
	font-family: 'Aleo', 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 #146526;
}
/*.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: #146526; outline-style: solid; outline-width: 4px; padding:4px; border:4px solid #146526;}
.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: 1649px) {
.navbar-brand img {height:150px; margin-top: -20px;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding:15px 1.15rem!important;}
}

@media (max-width: 1539px) {
.vid-container {max-height: 650px!important;}
}

@media (max-width: 1429px) {
.vid-container {max-height: 600px!important;}
}

@media (max-width: 1399px) {
.bg-top ul li:after {margin:0 10px;}
.navbar-brand img {height:125px; margin: -45px 0 0 -20px;}
.navbar-light .navbar-nav .nav-link {font-size: 16px; padding:15px 1.15rem!important;}
.vid-container {max-height: 500px!important;}
.program-box {min-height: 180px;}
}

@media (max-width: 1199px) {
.bg-top ul li {display:block; padding:.625rem 0;}
.bg-top ul li:after {margin:0;}
.navbar-brand img {height:200px; margin: -515px 0 0 -20px;}
.navbar-brand.js-scrolling img {margin-top:85px!important;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding:5px 0 0 20px!important;}
.offcanvas-header {padding: 0 !important; margin: 375px 0 -150px 50px !important;}
.footer {font-size: 18px;}
.footer li { padding:12px 0!important;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.vid-container {max-height: 400px!important;}
.program-box {min-height: 0;}
.offcanvas-body {margin:-100px 0 0 10px;}
}

@media (max-width: 991px) {
.vid-container {max-height: 300px!important;}
.program-box {min-height: 160px;}
}

@media (max-width: 767px) {
.navbar-brand img {height:160px; margin: -550px 0 0 -20px;}
.offcanvas-header {padding: 0 !important; margin: 390px 0 -175px 50px !important;}
.vid-container {max-height: 250px!important;}
.h1-video {font-size: 54px!important;}
}

@media (max-width: 575px) {
.bg-top ul {padding-top: 135px!important; text-align: center!important;}
.navbar-brand img {height:150px; margin: -830px 50% 0 50%; clear: both;}
.offcanvas-header {padding: 0 !important; margin: 530px 0 -275px -100px!important;}
.bg-anchor li {padding:12px 0;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
.vid-container {max-height: 150px!important;}
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: -830px 70% 0 30%; clear: both;}
.offcanvas-header {padding: 0 !important; margin: 530px 0 -275px -50px!important;}
}

@media (max-width: 375px) {
.navbar-brand img {height:150px; margin: -800px 100% 0 0%; clear: both;}
.offcanvas-header {padding: 0 !important; margin: 515px 0 -275px 10px!important;}
.footer {font-size: 16px;}
.large {font-size: 105%!important;}
}