@charset "UTF-8";

/*
Forces image to be 100% width and not max width of 100%
*/


.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}}
@media screen and (min-width:768px) and (max-width:990px) {
  body {
	margin-top: 128px;
  }
}
@media screen and (min-width:991px) and (max-width:1200px) {
  body {
	margin-top: 31px;
  }
}

 .navbar-custom { 
           
	background-color: #d0dab9;
	 background-image: url("../assets/img/HanaBanner.jpg")
        } 

.navbar-custom2 {
	background-color: #023157;
        } 
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
h1 {color:#ffffff;}

h4 {
	color:#ffffff;
}
h2 {
    font-size: 1.1em;
   color:#fff;
}
h3 {
    align-content: center;
    font-size:1.3em;
    font-weight:lighter;
}
.notice {
	background-color:#000000;
	opacity: 0.5;
	border:solid;
}


/*padding for hero image*/
@media (max-width: 575.98px) { body { padding-top: 160px; }}


@media (min-width: 576px) and (max-width: 767.98px) { body { padding-top: 140px; }}


@media (min-width: 768px) and (max-width: 991.98px) { body { padding-top: 180px; } }


@media (min-width: 992px) and (max-width: 1199.98px) { body { padding-top: 130px; } }


@media (min-width: 1200px) { body{ padding-top: 165px; }}

.alert-warning {
	background-color: #fff;
	border:#311313;
opacity:.7;
	color: #000;
	border-width: thin;
	border-color: #000000;
}

.menuContent {
    padding-top: 15px;
    align-content: center;
}

.footer {
	background-color: #001729;
	padding-top: 15px;
	padding-bottom: 15px;
}

.offwhite{
	background-color: #FDFCF8;
}
.body {
    background-color: #FDFCF8;
}

}