/********************************/
/*  .logo-style              */
/*******************************/


.logo-style { /*  */
  max-height: 150px;
}

@media screen and (max-width: 857px) {
  .logo-style {
    max-height: 115px;
  }
}

@media screen and (857px <= width <= 1275px) { /* this is the dynamic settings for the html.P block that holds the title banner */
  .logo-style {
    max-height: 150px;
  }
}

/*********************************************/
/*  .logo-image-style         */
/*********************************************/

.logo-image-style {
  display: flex;
  background-color: transparent;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0px;
  padding-right: 0px;
}

/*********************************************/
/*  .logo-a-style         */
/*********************************************/

.logo-a-style {
  display: flex;
  margin: 0px;
  padding: 0px;
}

/*********************************************/
/*  .logo-div-style         */
/*********************************************/

.logo-div-style {
  display: flex;
  flex-grow: 1;
  width: 100%;
  justify-content: center; /* this centers the image horizontally */
  background-color: transparent;
  align-items: center; /* this centers the text vertically */
}

/*********************************************/
/*  .logo-slogan-div-style         */
/*********************************************/

.logo-slogan-div-style {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-wrap: nowrap;
}

/*********************************************/
/*  .title-div-style         */
/*********************************************/

.title-div-style {
  display: flex;
  font-family: "Myriad-Pro-Bold";
  justify-content: center; /* centers text horizontally */
  text-align: center; /* align text horizontally */
  margin: 0px; /* set margins for proper flexbox spacing on screenchange */
  align-items: center; /* this centers the text vertically */
  color: white;
  background-color: transparent;
  flex-grow: 5;
}

/*********************************************/
/*  .menu-div-style         */
/*********************************************/

.menu-div-style {
  display: flex;
  padding: 5px 0px 5px;
}

/*********************************************/
/*  .title-menu-div-style         */
/*********************************************/

.title-menu-div-style {
  display: flex;
  flex-grow: 4;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}

/*********************************************/
/*  .header-style         */
/*********************************************/

.header-style {
  display: flex;
  flex-flow: row wrap;
}

/*********************************************/
/*  .header-width-control-div-style         */
/*********************************************/

.header-width-control-div-style {
  display: flex;
  width: 100%;
  justify-content: center;
}

/*********************************************/
/*  .header-background-holder-div-style         */
/*********************************************/

.header-background-holder-div-style {
  display: flex;
  background-color: rgba(255, 255, 255, 0.1);
  justify-content: center;
  width: "100%"; /* was auto but I changed it */
}

/*********************************************/
/*  .footer-horizontal-line-html-style         */
/*********************************************/

.footer-horizontal-line-html-style {
  display: flex;
  border-width: 5vh;
  height: 2px !important;
  background-image: linear-gradient(to right,black,rgba(233,195,30,1),black);
  opacity: unset;
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 40px;
}

/*********************************************/
/*  .slogan-html-style        */
/*********************************************/

.slogan-html-style {
  display: flex;
  font-family: "Myriad-Pro";
  background-color: none;
  margin: 0px 0px 20px;
  justify-content: center; /* this centers the text horizontally */
  color: rgba(147, 149, 152, 1);
}

/*********************************************/
/*  .footer-html-style        */
/*********************************************/

.footer-html-style {
  display: flex;
  color: rgba(147, 149, 152, 0.5);
  margin-bottom: 0px; /* this gets rid of a default margin which ends up showing up white */
  margin-top: auto; /* this gets rid of a default margin which ends up showing up white */
  justify-content: center; /* this centers the text horizontally */
}

/*********************************************/
/*  .footer-style                            */
/*********************************************/

.footer-style {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  color: white;
  background: transparent;
  padding-top: 0px;
}