/* google fonts 

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
*/
/* Applies to everything */

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #6aaae4;
}

.container {
  margin: 0 auto;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

.action_button {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  size: 18px;
  color: white;
  background-color: #008045;
  padding: 10px 25px 10px 25px;
  border-radius: 10px;
}

article a {
  text-decoration: underline;
  color: #666666;
}

article a:hover {
  background-color: #008045;
  color: white;
}

a.action_button {
  text-decoration: none;
}

.action_button:hover {
  background-color: #002856;
}

.top_nothome {
  margin-bottom: 25px;
  margin-top: 25px;
  margin-right: 50px;
  text-align: right;
}

.top_nothome a {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
  text-decoration: none;
}

/* Header */

header {
  background-color: #dcdcd6;
  height: 250px;
  display: grid;
  grid-template-columns: 300px 2fr 400px;
  grid-template-rows: 1fr 1fr 1fr;
  justify-items: stretch;
  column-gap: 25px;
}

.logo-img {
  width: 175px;
  height: 137px;
  margin-left: 125px;
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  align-self: center;
  justify-self: end;
}

#jmcf {
  grid-column: 2 / 3;
  grid-row: 1 / 4;
  align-self: center;
  justify-self: start;
}

#jmcf a {
  color: #002856;
  text-decoration: none;
}

.header_button_group {
  grid-row: 3 / 4;
}

.action_button_header {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  size: 16px;
  color: white;
  background-color: #008045;
  padding: 10px 20px 10px 20px;
  margin: 10px;
  border-radius: 10px;
}

.header_button_group a:hover {
  background-color: #002856;
}

/* Footer */

footer {
  background-color: #002856;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
}

footer a {
  color: #008045;
}

footer a:hover {
  color: white;
}

.footer_p p {
  color: white;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
}

.footer_social {
  align-self: flex-end;
}

.footer_social img {
  width: 48px;
  margin: 5px;
}

/* Does not apply to header and footer */

/* Navigation */

.nav {
  display: flex;
  gap: 25px;
  padding-top: 15px;
  list-style-type: none;
}

.nav a {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
}

.nav a:hover {
  font-weight: 600;
}

/* Takes the place of the aside on home page to keep nav in same spot */

.placeholder {
  width: 260px;
}

.home_nav_option {
  margin-left: -25px;
}
/* moves the events nav over */

.placeholder_events_events {
  width: 350px;
}

/* Index Home Page */

.index {
  max-width: 1200px;
  background-color: white;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 60px 1fr;
  column-gap: 60px;
}

/* Home Page Aside */

aside {
  background-color: #f3f3f1;
  width: 250px;
  grid-row: 1 / 3;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

aside a:hover {
  background-color: #002856;
}

.action_button_aside {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  size: 18px;
  color: white;
  background-color: #008045;
  padding: 10px 25px 10px 25px;
  margin: 10px;
  border-radius: 10px;
}

#Jack {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  border: 3px solid #6aaae4;
}

#MGH_aside {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  border: 3px solid #6aaae4;
}

.aside_social img {
  width: 48px;
  margin-top: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

/* Index home page article */

.home {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 800px;
}

.home_article_1 {
  margin-bottom: 50px;
}

.home_article_1 p {
  margin-bottom: 50px;
}

#golf_fundraiser {
  margin-bottom: 40px;
  width: 80%;
}

#sponsor_flyer {
  margin-bottom: 40px;
  width: 80%;
}

.action_button_main {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  font-style: normal;
  font-size: 24px;
  color: white;
  background-color: #008045;
  padding: 20px 30px 20px 30px;
  margin: 10px;
  border-radius: 10px;
  text-decoration: none;
}

/* don't use, used on first website, moved to generic golf_fundraiser */
#fourth_golf_fundraiser {
  margin-bottom: 40px;
}

#home_article_2_intro {
  margin-bottom: 50px;
}

.home_img_paragraph {
  display: flex;
  flex-direction: row;
  gap: 30px;
  padding-right: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

#auction {
  width: 330px;
}

#custom_indent {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-left: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: square;
}

#marlene_and_mgh {
  width: 400px;
}

#mgh_team {
  width: 400px;
}

#march_to_million {
  width: 300px;
}

.sponsor-home_list {
  display: flex;
  flex-direction: row;
}

.sponsor-home_list_p {
  margin-bottom: 40px;
}

.sponsors-home {
  list-style: none;
  width: 50%;
  margin-bottom: 50px;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 36px;
}

.top {
  margin-bottom: 25px;
  text-align: right;
}
.top a {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
  text-decoration: none;
}
/* About Page */

.about_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
}

.about_article h2 {
  text-align: center;
  margin-top: 80px;
}

.about-photos-3 {
  max-width: 900px;
  justify-items: center;
  margin-top: 50px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.about-photos-3 img {
  width: 90%;
}

.about_paragraph_img_button {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  max-width: 900px;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 50px;
}

.about_paragraph_img_button p {
  margin-bottom: 15px;
}

.about-column-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.about-column-right {
  display: flex;
  flex-direction: column;
}

#about-img1 {
  margin-top: 15px;
}

#about-img3 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#about-para2 {
  margin-bottom: 20px;
}

#about-calltoaction-buttons {
  display: flex;
  flex-direction: column;
  width: 300px;
  gap: 10px;
  text-align: center;
  margin: auto;
}

.about-photos-6 {
  max-width: 850px;
  justify-items: center;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 20px;
}

.about-photos-6 img {
  width: 90%;
}

.aboutthefoundation {
  margin-top: 50px;
  margin-left: 100px;
  max-width: 800px;
  margin-bottom: 40px;
}

.aboutthefoundation h4 {
  margin-bottom: 15px;
}

.aboutthefoundation p {
  margin-bottom: 40px;
}

.aboutthefoundation img {
  display: block;
  margin: auto;
}

.whatisglioblastoma {
  margin-top: 50px;
  margin-left: 100px;
  max-width: 800px;
  margin-bottom: 40px;
}

.whatisglioblastoma h4 {
  margin-bottom: 15px;
}

.mgh {
  margin-top: 50px;
  margin-left: 100px;
  max-width: 800px;
  margin-bottom: 40px;
}

.mgh h4 {
  margin-bottom: 15px;
}

.mgh p {
  margin-bottom: 40px;
}

.shareyourstory {
  margin-top: 50px;
  margin-left: 100px;
  max-width: 800px;
  margin-bottom: 100px;
}

.shareyourstory h4 {
  margin-bottom: 15px;
}

.shareyourstory p {
  margin-bottom: 40px;
}

.difference p {
  margin-bottom: 40px;
  margin: 15px auto 40px auto;
  max-width: 800px;
  text-align: center;
}

.about_top_nothome {
  padding-bottom: 25px;
  margin-top: 25px;
  margin-right: 50px;
  text-align: right;
}

.about_top_nothome a {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
  text-decoration: none;
}

.about-call-buttons-last {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.action_button-center {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  size: 18px;
  color: white;
  background-color: #008045;
  padding: 10px 25px 10px 25px;
  border-radius: 10px;
  width: 100px;
  margin: auto;
  display: flex;
  justify-content: center;
  text-decoration: none;
}

/* Events Pages */

/* (home) Upcoming Events */

.events_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
  /* margin: auto; */
}

.upcoming-events_article h2 {
  text-align: center;
  margin-top: 0;
}

.upcoming--event {
  margin-left: 100px;
  display: grid;
  grid-template-rows: 70px 1fr;
  grid-template-columns: 300px 1fr;
  column-gap: 40px;
}

.upcoming--event h4 {
  grid-column: 1 / span 2;
}

.upcoming--event img {
  width: 300px;
}

.upcoming--event_p_button {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.upcoming--event_p p {
  line-height: 2;
}

.social_closer {
  margin: 100px auto 50px auto;
  text-align: center;
  font-weight: 500;
}

.social_closer a {
  text-decoration: underline;
}

/* Past Events */

.events-past_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.events-past_main h2 {
  text-align: center;
}

.events-past-title {
  margin-left: 100px;
  line-height: 2.5;
}

.events-past-title a {
  text-decoration: none;
}

.past-event-img-description {
  display: flex;
  max-width: 900px;
  margin: auto;
  gap: 50px;
}

.past-event-img-description img {
  width: 300px;
}

.events-past_article h2 {
  margin-bottom: 20px;
}

.past-date {
  text-align: center;
  margin-bottom: 40px;
}

.mgh-event {
  max-width: 900px;
  margin: auto;
}

.mgh-event img {
  max-width: 900px;
  margin: auto;
}

/* mgh event */

.mgh-event p {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mgh_tour_photos {
  display: grid;
  margin: auto;
  margin-top: 30px;
  grid-template-columns: repeat(2, 1fr);
  max-width: 900px;
  row-gap: 20px;
}

#mgh_photos_top {
  max-width: 800px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}

#mgh_photos_bottom {
  max-width: 800px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}

/* jmcf_6thgolf page */

.events--jmcf_6thgolf_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.events--jmcf_6thgolf_article .graphic {
  display: block;
  margin: 75px auto 75px auto;
}

#jmch_6_pdf_img {
  width: 700px;
}
.events--jmcf_6thgolf_article h2,
h3,
h4 {
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
}
/* Event Reg h5 */
#eventreggoogle {
  margin-bottom: 100px;
}

.events--jmcf-6thgolf-div {
  display: flex;
  justify-content: center;
  width: 900px;
  margin: 50px auto;
  gap: 30px;
}

.events--jmcf-6thgolf-div h5 {
  margin-bottom: 30px;
}

.events--jmcf-6thgolf-div img {
  width: 450px;
}

.events--jmcf-6thgolf-text-div {
  width: 350px;
}

.events--jmcf-6thgolf-text-div-ul {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
  l
}

#proceeds {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
}

.events--jmcf-6thgolf-div-auction {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  margin: 5px auto 25px auto;
}

.events--jmcf-6thgolf-div-auction-p p {
  text-align: center;
  line-height: 2.5;
  max-width: 700px;
  margin: 0 auto 0 auto;
  font-weight: 500;
}

#left--raffle,
#right--raffle {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
}

/* jmcf_5thgolf page */

.events--jmcf_5thgolf_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.events--jmcf_5thgolf_article .graphic {
  display: block;
  margin: 75px auto 75px auto;
}

#jmch_5_pdf_img {
  width: 700px;
}
.events--jmcf_5thgolf_article h2,
h3,
h4 {
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
}
/* Event Reg h5 */
#eventreggoogle {
  margin-bottom: 100px;
}

.events--jmcf-5thgolf-div {
  display: flex;
  justify-content: center;
  width: 900px;
  margin: 50px auto;
  gap: 30px;
}

.events--jmcf-5thgolf-div h5 {
  margin-bottom: 30px;
}

.events--jmcf-5thgolf-div img {
  width: 450px;
}

.events--jmcf-5thgolf-text-div {
  width: 350px;
}

.events--jmcf-5thgolf-text-div-ul {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
}

#proceeds {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
}

.events--jmcf-5thgolf-div-auction {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  margin: 5px auto 25px auto;
}

.events--jmcf-5thgolf-div-auction-p p {
  text-align: center;
  line-height: 2.5;
  max-width: 700px;
  margin: 0 auto 0 auto;
  font-weight: 500;
}

#left--raffle,
#right--raffle {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
}

/* jmcf_4thgolf page */

.events--jmcf_4thgolf_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.events--jmcf_4thgolf_article .graphic {
  display: block;
  margin: 75px auto 75px auto;
}

#jmch_4_pdf_img {
  width: 700px;
}
.events--jmcf_4thgolf_article h2,
h3,
h4 {
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
}
/* Event Reg h5 */
#eventreggoogle {
  margin-bottom: 100px;
}

.events--jmcf-4thgolf-div {
  display: flex;
  justify-content: center;
  width: 900px;
  margin: 50px auto;
  gap: 30px;
}

.events--jmcf-4thgolf-div h5 {
  margin-bottom: 30px;
}

.events--jmcf-4thgolf-div img {
  width: 450px;
}

.events--jmcf-4thgolf-text-div {
  width: 350px;
}

.events--jmcf-4thgolf-text-div-ul {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
}

#proceeds {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
}

.events--jmcf-4thgolf-div-auction {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  margin: 5px auto 25px auto;
}

.events--jmcf-4thgolf-div-auction-p p {
  text-align: center;
  line-height: 2.5;
  max-width: 700px;
  margin: 0 auto 0 auto;
  font-weight: 500;
}

#left--raffle,
#right--raffle {
  list-style-type: square;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 20px;
  margin-left: 16px;
}
/* Donate / Sponsor Page */

.donate_sponsor_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin: auto;
}

.donate_sponsor_main h2 {
  text-align: center;
}

.donate_sponsor_ways ul {
  margin-left: 200px;
  list-style-type: square;
  line-height: 2.5;
}

/* .donate_sponsor_ways li::before {
  content: "\2192";
} */
.donate_sponsor_ways h4 {
  margin-left: 100px;
}

.donate_sponsor_ways a {
  text-decoration: underline;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 36px;
  color: #666666;
}

.donate_sponsor_4photos {
  max-width: 920px;
  justify-items: center;
  row-gap: 20px;
  column-gap: 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
  margin-bottom: 50px;
}

.donate_sponsor_4photos img {
  max-width: 450px;
}

.donate_sponsor_info h4 {
  margin: 0 auto 50px auto;
}

.donate_sponsor_info p {
  margin: 0 auto 50px auto;
  margin-bottom: 50px;
  max-width: 750px;
}

#sponsor--link {
  text-align: center;
  margin-left: 0;
  max-width: 1000px;
  font-weight: 700;
  font-size: 20px;
}

.donate_sponsor_8photos {
  max-width: 920px;
  justify-items: center;
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 50px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}



.donate_sponsor_8photos img {
  max-width: 200px;

}

/* Sponsor Page */

.sponsor_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.sponsor_article h2 {
  text-align: center;
}

.sponsors {
  margin-left: 150px;
  margin-bottom: 50px;
}

.sponsors li {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  color: #666666;
}

.sponsors a {
  color: #666666;
  text-decoration: none;
}

.sponsor_calltoaction {
  margin-bottom: 50px;
  text-align: center;
}

.sponsor_logos {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 700px;
  margin: 0 auto 50px auto;
}

.sponsor_logos img {
  max-width: 200px;
  padding: 15px;
}

/* .sponsor_calltoaction p a {
  color: #666666;
} */

#donate-sponsor_button a {
  text-align: center;
}

/* Contact Page */

.contact_main {
  max-width: 1000px;
  background-color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.contact_article h2 {
  text-align: center;
}

.contact_list {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  max-width: 800px;
  margin: auto;
  margin-bottom: 50px;
}

.contact_list bold {
  font-weight: 600;
}

.contact_list a {
  text-decoration: none;
}

.contact_images {
  max-width: 1050px;
  justify-items: center;
  row-gap: 20px;
  margin-top: 50px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#contact_image_1 {
  max-width: 450px;
}

#contact_image_2 {
  max-width: 450px;
}

#contact_image_3 {
  max-width: 450px;
}

#contact_image_4 {
  max-width: 450px;
}

#contact_image_5 {
  max-width: 450px;
}

#contact_image_6 {
  max-width: 450px;
}

/* Type */
/* h1-h6 */
h1 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 42px;
  color: #002856;
  text-transform: uppercase;
  display: inline-block;
  line-height: 40px;
}

h1 strong {
  font-weight: 800;
}

h2 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  color: #002856;
  margin-top: 20px;
  margin-bottom: 40px;
}

h3 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  color: #666666;
}

h4 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  color: #666666;
  text-transform: uppercase;
}

h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 21px;
  color: #666666;
  text-transform: uppercase;
}

h6 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 21px;
  color: #002856;
  text-transform: uppercase;
}

/* p styles */
p {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}

.p_2 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
}

.p_3 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
}

.p_green {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #008045;
}