@import url("https://use.typekit.net/rtb7zmy.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Libre+Caslon+Text&display=swap");

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-family: itc-avant-garde-gothic-pro, Poppins, sans-serif;
}

body {
  	margin: 0;
	padding: 0;
  	line-height: normal;
    font-family: adobe-caslon-pro, Libre Caslon Text, serif;
    overflow-x: hidden;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* div {
  border: 1px dotted pink;
} */

.page_container {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(5, auto);
  gap: 0;
  grid-row: auto;
  height: auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hdr_left {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 1;
  grid-column-end: 1;
}
.hdr_mid {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 10;
}
.hdr_right {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 10;
  grid-column-end: 10;
}

.banner {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 11;
  height: auto;
}
.banner_img {
  width: 100%;
  height: auto;
}

.mid_left {
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 1;
}
.mid_mid {
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 10;
}
.mid_right {
  grid-row-start: 3;
  grid-row-end: 6;
  grid-column-start: 10;
  grid-column-end: 10;
  justify-self: center;
}

.bot_left {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.bot_mid {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 10;
  margin: 50px 0px 50px 0px;
}
.bot_right {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 10;
  grid-column-end: 10;
}

.footer_left {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 1;
}
.footer_mid {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 10;
  border-top: 1px solid #231f20;
  padding: 30px 0px 90px 0px;
}
.footer_right {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 10;
  grid-column-end: 10;
}

.hdr_container {
    display: flex;
    height: auto;
    width: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-flow: row;
    @media screen and (max-width: 1200px) {
      width:;
    }
}

.logo_container {
    flex: 1;
    padding: 80px 0px 70px 0px;
    width: 100%;
}

.header-logo-row {
  display: flex;
  align-items: center;
}
.logo_icon {
  padding: 0px;
  width: 126px;
  height: 122px;
  object-fit: cover;
}

.logo_signature {
    display: inline-block;
    padding: 0px 0px 0px 50px;
    bottom: 0px;
    width: 219px;
    height: 48px;
}
.logo_signature_name {
    color: #e25599;
  	font-size: 14px;
  	font-family: "itc-avant-garde-gothic-pro", "Poppins", sans-serif;
  	font-weight: bold;
  	white-space: nowrap;
}
.logo_signature_title {
  	color: #000;
    font-family: "adobe-caslon-pro", "Libre Caslon Text", serif;
    font-weight: normal;
    white-space: nowrap;
}
.logo_signature_bullet {
    color: #e25599;
}
.logo_container a,
.ftr_logo_container a {
  text-decoration: none;
  line-height: 0;
  display: block;
}

.header-logo-signature {
  align-self: flex-end;
  margin-bottom: 22px;
}

.menu_container {
    flex: 1;
    padding: 0px 0px 70px 0px;
    margin-top: auto;
}

.ftr_container {
    display: flex;
    height: auto;
    width: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-flow: row;
    padding: 0px 0px 0px 5px;
}
.ftr_logo_container {
    flex: 1;
    width: 100%;
}

.footer-align-bottom {
  align-items: flex-end;
}

.footer-logo-row {
  display: flex;
  align-items: flex-end;
}

.footer-logo-signature {
  margin-bottom: 22px;
}

.footer-logo-signature-tight {
  margin-bottom: 8px;
}

@media screen and (max-width: 1200px) {
  .hdr_container {
    flex-wrap: nowrap;
    align-items: flex-end;
  }

  .logo_container {
    width: auto;
    min-width: 0;
  }

  .menu_container {
    width: auto;
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1030px) {
  .page_container {
    grid-template-columns: 1fr;
  }
  .hdr_left, .hdr_mid, .hdr_right,
  .banner,
  .mid_left, .mid_mid, .mid_right,
  .bot_left, .bot_mid, .bot_right,
  .footer_left, .footer_mid, .footer_right {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .hdr_mid {
    padding: 0px 15px;
  }
  .mid_mid,
  .bot_mid,
  .footer_mid {
      padding: 0px 15px 0px 15px;
  }
  .hdr_left, .hdr_right,
  .banner,
  .mid_left, .mid_right,
  .bot_left, .bot_right,
  .footer_left, .footer_right {
    padding: 0px;
  }
  .menu_container {
    flex: 0;
  }
}

@media screen and (max-width: 600px) {
  .ftr_container  {
    flex: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .page_container {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }
  .hdr_left, .hdr_mid, .hdr_right,
  .banner,
  .mid_left, .mid_mid, .mid_right,
  .bot_left, .bot_mid, .bot_right,
  .footer_left, .footer_mid, .footer_right {
    grid-column: 1 / -1;
    grid-row: auto;
    min-width: 0;
  }
  .hdr_mid {
    padding: 0px 15px 50px 15px;
  }
  .logo_container,
  .ftr_logo_container {
    display: block;
    padding: 15px 0px;
  }
  .logo_signature{
    display: block;
    padding: 15px 0px;
  }
  .menu_container, .ftr_container  {
    flex: 0;
    flex-direction: column;
  }
}