html {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
  }
  
  body {
    margin: 0px;
    font-family: Arial, sans-serif;
  }
  /* Logo */
  .logo {
    margin-left: 1.5vw;
    margin-top: 0.5vh;
  }
  
  .logo_2 {
    display: none;
    margin-left: 1.5vw;
    margin-top: 0.5vh;
  }
  
  h1 {
    position: absolute;
    color: hsl(0, 0%, 84%);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7rem;
    word-spacing: 1rem;
    font-weight: lighter;
    z-index: 1;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  h3 {
    text-align: center;
    font-family: URW Chancery L, cursive;
  }
  /* Flex box container for entire header */
  .flex_container {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background-color: rgb(255, 255, 255);
    height: 5rem;
    z-index: 2;
  }
  
  .nav {
    list-style: none;
    font-weight: bold;
    padding: 1.5rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    z-index: 3;
  }
  
  .nav_list {
    list-style: none;
    font-weight: bold;
    position: sticky;
    top: 0;
    padding: 1.5rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    flex-direction: row;
    z-index: 3;
  }
  /* Underline for page title in nav menu */
  .church_events #link_ce {
    text-decoration: underline;
    text-decoration-color: rgb(0, 150, 150);
    text-decoration-thickness: 3.5px;
    text-underline-offset: 0.3rem;
  }
  
  .nav_toggle {
    display: none;
    position: fixed;
    cursor: pointer;
    margin: 0rem 1rem;
    right: 0;
    z-index: 4;
  }
  
  .nav_checkbox {
    display: none;
    cursor: pointer;
  }
  
  .nav_checkbox:checked ~ .nav_list {
    display: flex;
  }
  
  .nav_checkbox:checked ~ label svg.hamburger {
    display: none;
  }
  
  #nav_checkbox:checked ~ label .close_menu {
    display: block;
  }
  
  .hamburger {
    display: none;
    position: fixed;
    right: 5vw;
    top: 1.2vh;
  }
  
  .close_menu {
    display: none;
    position: fixed;
    stroke: currentColor;
    stroke-width: 15;
    right: 5vw;
    top: 1.2vh;
  }
  
  .nav_list_links:hover,
  .nav_list_links:focus {
    color: teal;
  }
  
  .nav_drop_links:hover,
  .nav_drop_links:focus {
    background-color: teal;
  }
  /* drop down menu part of nav */
  li > ul {
    position: absolute;
    box-shadow: 0px 3px 5px grey;
    background-color: white;
    border-radius: 0.5rem;
    width: 12rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease-in-out;
  }
  
  li:hover ul,
  li:focus ul {
    opacity: 1;
    visibility: visible;
    z-index: 3;
  }
  
  .nav_drop {
    top: 3.5rem;
    left: 8.3rem;
  }
  
  .nav_drop2 {
    top: 3.5rem;
    left: 15.5rem;
    width: 13.4rem;
  }
  
  li {
    list-style: none;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: background-color 200ms ease-in-out;
  }
  
  .nav_list_links,
  .nav_drop_links2 {
    text-decoration: none;
    color: black;
    font-size: 1.2rem;
  }
  
  .link_text:visited {
    color: white;
  }
  /* main image */
  .ce_container {
    position: relative;
    z-index: 0;
  }
  
  .ce_container > img {
    z-index: 1;
    width: 100vw;
    object-fit: fill;
    box-shadow: 5px 5px 10px 2px grey;
  }
  
  .ce_paragraph_container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
    flex-wrap: wrap;
    gap: 3rem;
  }
  
  .ce_paragraph_container > img {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 52vh;
    padding-top: 5vh;
    padding-bottom: 5vh;
    margin-left: 10vw;
  }

  .confirmation_container img {
    border: 5px groove rgba(72, 3, 57, 0.9);
  }
  /* footer */
  footer address {
    background-color: hsl(304, 31%, 44%);
    padding: 2.5rem;
    box-shadow: -5px -5px 12px 2px grey;
    color: white;
    text-align: center;
    margin-bottom: 0rem;
    line-height: 3rem;
    font-size: 1.5rem;
  }
  
  address {
    font-style: normal;
  }
  
  .vl {
    display: inline;
    border-left: 1.5px solid white;
  }
  
  address a {
    color: white;
    font-weight: bold;
  }
  
  @media screen and (max-width: 58em) {
    .logo {
      display: inline;
    }
  
    .logo_2 {
      display: none;
      width: 2.9rem;
      margin-bottom: 0.3rem;
    }
  
    .nav_toggle {
      display: block;
    }
  
    .hamburger {
      display: block;
    }
  
    form img {
      margin-left: 12vw;
    }
  
    .nav_list {
      position: fixed;
      margin-top: 0rem;
      flex-direction: column;
      transform: translateX(100%);
      transition: transform 350ms ease-out;
      align-items: flex-start;
      justify-content: flex-start;
      inset: 0 0 0 30%;
      background-color: hsl(297, 30%, 70%, 0.9);
      padding: min(25vh, 10rem) 1em;
      line-height: 0rem;
    }
  
    .nav_list[data-visible="true"] {
      transform: translateX(0%);
    }
  
    .nav_drop {
      top: 11.5rem;
      left: 3rem;
      line-height: 1;
      background-color: inherit;
      box-shadow: none;
      padding-left: 0rem;
      width: 17rem;
    }
  
    .nav_drop2 {
      box-shadow: none;
      left: 3rem;
      top: 26.8rem;
      line-height: 1;
      width: 17rem;
    }
  
    .nav_list_links_a a {
      top: 0rem;
    }
  
    .nav_list_link_a {
      margin-top: 1rem;
    }
  
    .nav_list li a {
      font-size: 1.5rem;
    }
  
    #nav_list_links_b {
      position: fixed;
      top: 46.9rem;
    }
  
    .nav_drop li a {
      color: hsl(0, 0%, 18%);
    }
  
    .nav_drop2 li a {
      color: hsl(0, 0%, 18%);
    }
  
    .nav_list_links_m {
      position: fixed;
      top: 25.3rem;
    }
  
    ul li.nav_drop_links:hover,
    ul li.nav_drop_links:hover {
      background-color: inherit;
    }
  
    .nav_drop_links2:hover {
      color: teal;
    }
  
    li > ul {
      position: fixed;
      opacity: 1;
      visibility: visible;
      z-index: 3;
      background-color: inherit;
    }
  
    h1 {
      font-size: 4rem;
    }
  
    .ce_paragraph_container > img {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 30vh;
      padding-top: 2vh;
      padding-bottom: 0vh;
      margin-left: 0vw;
    }
  }
  
  @media screen and (max-width: 100em) {
    h1 {
      font-size: 6.5rem;
    }
  }
  
  @media screen and (max-width: 90em) {
    h1 {
      font-size: 5.5rem;
    }
  }
  
  @media screen and (max-width: 86em) {
    footer address {
      padding: 2.3rem;
      font-size: 1.52rem;
    }

    .ce_paragraph_container {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }
  
    .nav_toggle {
      display: block;
    }
  
    .hamburger {
      display: block;
      right: 2vw;
      top: 0.9vh;
    }
  
    .close_menu {
      right: 2vw;
      top: 0.9vh;
    }
  
    form img {
      margin-left: 4vw;
    }
  
    .nav_list {
      position: fixed;
      margin-top: 0rem;
      flex-direction: column;
      transform: translateX(100%);
      transition: transform 350ms ease-out;
      align-items: flex-start;
      justify-content: flex-start;
      inset: 0 0 0 50%;
      background-color: hsl(297, 30%, 70%, 0.9);
      padding: min(5rem) 0.5rem;
      line-height: 0rem;
    }
  
    .nav_list[data-visible="true"] {
      transform: translateX(0%);
    }
  
    .nav_drop {
      top: 9rem;
      left: 3.5rem;
      line-height: 0.5;
      background-color: inherit;
      box-shadow: none;
      padding-left: 0rem;
      width: 17rem;
    }
  
    .nav_drop2 {
      left: 3.5rem;
      top: 22.2rem;
      line-height: 0.5;
      width: 17rem;
      box-shadow: none;
      padding-left: 0rem;
    }
  
    .nav_list li a {
      font-size: 1.3rem;
    }
  
    #nav_list_links_b {
      position: fixed;
      top: 34.6rem;
    }
  
    .nav_list_links_m {
      position: fixed;
      top: 21.2rem;
    }
  
    ul li.nav_drop_links:hover,
    ul li.nav_drop_links:hover {
      background-color: inherit;
    }
  
    .nav_drop_links2:hover {
      color: teal;
    }
  
    li > ul {
      position: fixed;
      opacity: 1;
      visibility: visible;
      z-index: 3;
      background-color: inherit;
    }
  
    @supports (backdrop-filter: blur(0.7rem)) {
      .nav_list {
        backdrop-filter: blur(0.5rem);
        background-color: hsl(297, 30%, 70%, 0.7);
      }
    }
  }
  
  @media screen and (max-width: 80em) {
    .nav_toggle {
      display: block;
    }
  
    .hamburger {
      display: block;
      right: 2vw;
      top: 1vh;
    }
  
    .close_menu {
      right: 2vw;
      top: 1vh;
    }
  
    form img {
      margin-left: 4vw;
    }
  
    .nav_list {
      position: fixed;
      margin-top: 0rem;
      flex-direction: column;
      transform: translateX(100%);
      transition: transform 350ms ease-out;
      align-items: flex-start;
      justify-content: flex-start;
      inset: 0 0 0 50%;
      background-color: hsl(297, 30%, 70%, 0.9);
      padding: min(5rem) 1.5rem;
      line-height: 0rem;
    }
  
    .nav_list[data-visible="true"] {
      transform: translateX(0%);
    }
  
    .nav_drop {
      top: 9.1rem;
      left: 3.5rem;
      line-height: 0.5;
      background-color: inherit;
      box-shadow: none;
      padding-left: 0rem;
      width: 17rem;
    }
  
    .nav_drop2 {
      left: 3.5rem;
      top: 22.2rem;
      line-height: 0.5;
      width: 17rem;
      box-shadow: none;
      padding-left: 0rem;
    }
  
    .nav_list li a {
      font-size: 1.3rem;
    }
  
    #nav_list_links_b {
      position: fixed;
      top: 34.6rem;
    }
  
    .nav_list_links_m {
      position: fixed;
      top: 21.2rem;
    }
  
    ul li.nav_drop_links:hover,
    ul li.nav_drop_links:hover {
      background-color: inherit;
    }
  
    .nav_drop_links2:hover {
      color: teal;
    }
  
    li > ul {
      opacity: 1;
      visibility: visible;
      z-index: 3;
      background-color: inherit;
    }
  
    h1 {
      font-size: 5.5rem;
    }
  
    .ce_paragraph_container {
      flex-direction: column;
      align-items: center;
      padding-top: 5vh;
      padding-bottom: 0vh;
      margin-bottom: 4vh;
    }
  
    .ce_paragraph_container > img {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 10vh;
      padding-top: 2vh;
      padding-bottom: 0vh;
      margin-left: 0vw;
      width: 70vw;
    }

    footer address {
      padding: 2.3rem;
      font-size: 1.2rem;
    }
  }
  
  @media screen and (max-width: 70em) {
    h1 {
      font-size: 4.5rem;
    }
  
    footer address {
      font-size: 0.9rem;
      line-height: 2.2rem;
    }
  
    .logo {
      display: inline;
    }
  
    .logo_2 {
      display: none;
      width: 2.9rem;
      margin-bottom: 0.3rem;
    }
  
    .nav_toggle {
      display: block;
    }
  
    .hamburger {
      display: block;
      right: 2vw;
      top: 1.3vh;
    }
  
    .close_menu {
      right: 2vw;
      top: 1.3vh;
    }
  
    form img {
      margin-left: 4vw;
    }
  
    .nav_list {
      position: fixed;
      margin-top: 0rem;
      flex-direction: column;
      transform: translateX(100%);
      transition: transform 350ms ease-out;
      align-items: flex-start;
      justify-content: flex-start;
      inset: 0 0 0 50%;
      background-color: hsl(297, 30%, 70%, 0.9);
      padding: min(4rem) 1rem;
      line-height: 0rem;
    }
  
    .nav_list[data-visible="true"] {
      transform: translateX(0%);
    }
  
    .nav_drop {
      top: 8rem;
      left: 3.5rem;
      line-height: 0.5;
      background-color: inherit;
      box-shadow: none;
      padding-left: 0rem;
      width: 17rem;
    }
  
    .nav_drop2 {
      left: 3.5rem;
      top: 20.8rem;
      line-height: 0.5;
      width: 17rem;
      box-shadow: none;
      padding-left: 0rem;
    }
  
    .nav_list li a {
      font-size: 1.3rem;
    }
  
    #nav_list_links_b {
      position: fixed;
      top: 33rem;
    }
  
    .nav_list_links_m {
      position: fixed;
      top: 20rem;
    }
  
    ul li.nav_drop_links:hover,
    ul li.nav_drop_links:hover {
      background-color: inherit;
    }
  
    .nav_drop_links2:hover {
      color: teal;
    }
  
    li > ul {
      opacity: 1;
      visibility: visible;
      z-index: 3;
      background-color: inherit;
    }
  }
  
  @media screen and (max-width: 57em) {
    footer address {
      font-size: 1.44rem;
      line-height: 3rem;
    }
  
    .nav_list li a {
      font-size: 1.5rem;
    }
  
    #nav_list_links_b {
      position: fixed;
      top: 45.2rem;
    }
  
    .nav_list {
      margin-top: 0rem;
      padding: min(6rem) 1rem;
      inset: 0 0 0 30%;
    }
  
    .nav_list_links_m {
      position: fixed;
      top: 27.8rem;
    }
  
    .nav_drop {
      top: 11.5rem;
      left: 3rem;
      line-height: 1;
      width: 17rem;
    }
  
    .nav_list_links_a a {
      top: 0rem;
    }
  
    .nav_drop2 {
      left: 3rem;
      top: 28.8rem;
      line-height: 1;
      width: 17rem;
    }
  
    .hamburger {
      right: 3vw;
      top: 0.55vh;
    }
  
    .close_menu {
      right: 3vw;
      top: 0.55vh;
    }
  
    form img {
      margin-left: 5.5vw;
    }
  
    .ce_paragraph_container {
      padding-top: 2vh;
      padding-bottom: 0vh;
      margin-bottom: 4vh;
    }
  
    h1 {
      font-size: 4.9rem;
    }
  }
  
  @media screen and (max-width: 55em) {
    h1 {
      font-size: 4.4rem;
    }
  
    .hamburger {
      right: 3vw;
      top: 0.7vh;
    }
  
    .close_menu {
      right: 3vw;
      top: 0.7vh;
    }
  
    form img {
      margin-left: 6vw;
    }
  
    main p {
      font-size: 1rem;
    }
  
    footer address {
      font-size: 1.2rem;
      line-height: 2.5rem;
    }
  
    .nav_list li a {
      font-size: 1.2rem;
    }
  
    #nav_list_links_b {
      top: 37.9rem;
    }
  
    .nav_list_links_m {
      top: 22.2rem;
    }
  
    .nav_drop {
      top: 11rem;
      line-height: 0.8;
    }
  
    .nav_drop2 {
      top: 23.05rem;
      line-height: 1;
    }
  }
  
  @media screen and (max-width: 50em) {
    .ce_paragraph_container {
      padding-top: 4vh;
    }
  
    .nav_list {
      margin-top: 0rem;
      padding: min(3.5rem) 1rem;
      inset: 0 0 0 30%;
    }
  
    .hamburger {
      right: 3vw;
      top: 0.7vh;
    }
  
    .close_menu {
      right: 3vw;
      top: 0.7vh;
    }
  
    form img {
      margin-left: 6vw;
    }
  
    footer address {
      font-size: 1.2rem;
      line-height: 2.5rem;
    }
  
    .nav_list li a {
      font-size: 1.2rem;
    }
  
    #nav_list_links_b {
      top: 32.8rem;
    }
  
    .nav_list_links_m {
      top: 20.2rem;
    }
  
    .nav_drop {
      top: 8.4rem;
      line-height: 0.5;
    }
  
    .nav_drop2 {
      top: 21rem;
      line-height: 0.5;
    }
  }
  
  @media screen and (max-width: 48em) {
    .ce_paragraph_container {
      padding-top: 2.5vh;
    }
  
    h1 {
      font-size: 4.1rem;
    }
  }
  
  @media screen and (max-width: 45em) {
    footer address {
      padding: 1.5rem;
      font-size: 0.84rem;
    }
  }
  
  @media screen and (max-width: 42em) {
    .logo {
      display: none;
    }
  
    .logo_2 {
      display: inline;
      width: 2.9rem;
      margin-bottom: 0.3rem;
    }
  
    .nav_list li a {
      font-size: 1rem;
    }
  }
  
  @media screen and (max-width: 38em) {
    h1 {
      font-size: 2.9rem;
    }
  
    footer address {
      line-height: 1.8rem;
    }
  
    main p {
      font-size: 0.8rem;
    }
  
    .nav_list {
      padding: min(3.5rem) 0.5rem;
      inset: 0 0 0 30%;
    }
  
    .nav_list li a {
      font-size: 1rem;
    }
  
    .nav_drop {
      top: 7.1rem;
      left: 2.1rem;
      line-height: 0.5;
    }
  
    .nav_list_links_m {
      top: 18rem;
    }
  
    .nav_drop2 {
      left: 2.1rem;
      top: 18.6rem;
      line-height: 0.5;
    }
  
    #nav_list_links_b {
      top: 29.7rem;
    }
  
    .nav_list_link_a {
      margin-top: 0rem;
    }
  
    .hamburger {
      top: 1vh;
    }
  
    .close_menu {
      top: 1vh;
    }

    .ce_paragraph_container .confirmation_container img {
      width: 25rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 28rem;
    }

    .ce_paragraph_container {
      align-items: center;
      margin-top: 1rem;
      margin-bottom: 2rem;
      flex-wrap: wrap;
      gap: 3rem;
    }
  }

  @media screen and (max-width: 27em) {
    .ce_paragraph_container .confirmation_container img {
      width: 20rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 22rem;
    }

    .confirmation_container h3 {
      font-size: 0.95rem;
    }

    .baptism1_container h3 {
      font-size: 0.95rem;
    }

    .ce_paragraph_container {
      justify-content: center;
      align-items: center;
      margin-top: 1rem;
      margin-bottom: 2rem;
      flex-wrap: wrap;
      gap: 3rem;
    }
  }
  
  @media screen and (max-width: 26em) {
    .ce_paragraph_container {
      gap: 1.5rem;
      margin-bottom: 2rem;
    }
  
    h1 {
      font-size: 2.4rem;
    }
  
    form img {
      margin-left: 8vw;
    }
  
    footer address {
      line-height: 2rem;
    }
  
    .hamburger {
      top: 0.8vh;
    }
  
    .close_menu {
      top: 0.8vh;
    }
  }
  
  @media screen and (max-width: 25em) {
    footer address {
      padding: 1.5rem;
      font-size: 0.79rem;
    }
  
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 1.5rem;
    }
  
    h1 {
      font-size: 2.3rem;
    }
    .confirmation_container h3 {
      font-size: 0.8rem;
    }

    .baptism1_container h3 {
      font-size: 0.8rem;
    }

    .ce_paragraph_container .confirmation_container img {
      width: 19rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 20rem;
    }
  }
  
  @media screen and (max-width: 24em) {
    footer address {
      padding: 1.5rem;
      font-size: 0.75rem;
      line-height: 1.7rem;
    }
  
    .church_events #link_ce {
      text-underline-offset: 0.2rem;
    }
  
    .nav_list li a {
      font-size: 0.8rem;
    }
  
    .nav_list {
      padding: min(3.5rem) 0.2rem;
      line-height: 0;
    }
  
    .nav_list_links_m {
      top: 15.8rem;
    }
  
    .nav_drop {
      top: 7.1rem;
      left: 1.6rem;
      line-height: 0;
    }
  
    .nav_drop2 {
      left: 1.6rem;
      top: 16.3rem;
      line-height: 0;
    }
  
    #nav_list_links_b {
      top: 25.1rem;
    }
  
    .hamburger {
      top: 1.1vh;
    }
  
    .close_menu {
      top: 1.1vh;
    }
  
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 0vh;
    }
  
    h1 {
      font-size: 2.2rem;
    }

    .ce_paragraph_container .confirmation_container img {
      width: 18rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 19rem;
    }

    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 1.3rem;
    }
  }
  
  @media screen and (max-width: 23em) {
    footer address {
      padding: 1.5rem;
      font-size: 0.72rem;
    }
  
    .nav_list li a {
      font-size: 0.8rem;
    }
  
    .nav_list {
      line-height: 0;
    }
  
    .nav_list_links_m {
      top: 15.1rem;
    }
  
    .nav_list_link_a {
      margin-top: -0.9rem;
    }
  
    .nav_drop {
      top: 6.3rem;
      left: 1.6rem;
      line-height: 0;
    }
  
    .nav_drop2 {
      left: 1.6rem;
      top: 15.6rem;
      line-height: 0;
    }
  
    #nav_list_links_b {
      top: 24.5rem;
    }
  
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 1.2rem;
    }

    .ce_paragraph_container .confirmation_container img {
      width: 17rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 18.5rem;
    }
  
    h1 {
      font-size: 2.15rem;
    }
  }

  @media screen and (max-width: 22em) {
    .church_events #link_ce {
      text-underline-offset: 0.15rem;
    }
  
    .nav_list_link_a {
      margin-top: -0.7rem;
      padding-top: 6;
    }
  
    .nav_list li a {
      font-size: 0.7rem;
    }
  
    .nav_list {
      line-height: 0;
    }
  
    .nav_list_links_m {
      top: 15.1rem;
    }
  
    .nav_drop {
      top: 6.25rem;
      left: 1.25rem;
      line-height: 0;
    }
  
    .nav_drop2 {
      left: 1.25rem;
      top: 15.5rem;
      line-height: 0;
    }
  
    #nav_list_links_b {
      top: 24.4rem;
    }
  
    form img {
      margin-left: 12vw;
    }
  
    .hamburger {
      right: 5.5vw;
      top: 1vh;
    }
  
    .close_menu {
      right: 5.5vw;
      top: 1vh;
    }
  
    main p {
      font-size: 0.7rem;
    }
  
    h2 {
      font-size: 1.8rem;
    }
  
    footer address {
      padding: 1.3rem;
      font-size: 0.7rem;
      line-height: 1.5rem;
    }
  
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 1.1rem;
    }

    .ce_paragraph_container .confirmation_container img {
      width: 16.5rem;
      margin-left: 10vw;
      margin-right: 10vw;
    }

    .ce_paragraph_container .baptism1_container img {
      width: 18rem;
    }

    .confirmation_container h3 {
      font-size: 0.7rem;
    }

    .baptism1_container h3 {
      font-size: 0.77rem;
    }
  }
  
  @media screen and (max-width: 20em) {
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 0vh;
    }
  
    footer address {
      padding: 1.2rem;
      font-size: 0.65rem;
    }
  }
  
  @media screen and (max-width: 17.5em) {
    h1 {
      font-size: 1.9rem;
    }
  
    .church_events #link_ce {
      text-underline-offset: 0.15rem;
    }
  
    .nav_list_link_a {
      margin-top: -0.7rem;
      padding-top: 6;
    }
  
    .nav_list li a {
      font-size: 0.7rem;
    }
  
    .nav_list {
      line-height: 0;
    }
  
    .nav_list_links_m {
      top: 13.45rem;
    }
  
    .nav_drop {
      top: 6.25rem;
      left: 1.25rem;
      line-height: 0;
    }
  
    .nav_drop2 {
      left: 1.25rem;
      top: 13.85rem;
      line-height: 0;
    }
  
    #nav_list_links_b {
      top: 22.8rem;
    }
  
    form img {
      margin-left: 12vw;
    }
  
    .hamburger {
      right: 5.5vw;
      top: 1vh;
    }
  
    .close_menu {
      right: 5.5vw;
      top: 1vh;
    }
  
    main p {
      font-size: 0.7rem;
    }
  
    h2 {
      font-size: 1.8rem;
    }
  
    h3 {
      font-size: 1.1rem;
    }
  
    footer address {
      padding: 1.9rem;
      font-size: 0.75rem;
      line-height: 1.5rem;
    }
  
    .ce_paragraph_container {
      padding-top: 1.3vh;
      padding-bottom: 0vh;
      margin-bottom: 0vh;
    }
  }