@media (max-width: 992px) {

  #nav-icon3 {
    display: block;
  }

  .navbar-nav {
    margin: 0 !important;
  }

  div.menu-my-menu-header-container ul {
    display: flex;
    flex-wrap: wrap;
  }

  ul li.menu-item {
    width: 100%;
    justify-content: flex-start;
  }

  li a:hover:after {
    width: 10% !important;
  }

  li.menu-item-20 a:hover:after,
  li.menu-item-31 a:hover:after,
  li.menu-item-32 a:hover:after {
    width: 10%;
  }

  #nav {
    position: initial;
    top: 0px;
    width: 100%;
    background: white;
    padding: 0;
    z-index: 5;
    margin-top: 60px;
  }

  #front-page-section {
    margin-top: 0;
    padding: 5rem 0;
  }

  li.menu-item.current_page_item a:after {
    width: 100px;
  }

  ul li.menu-item {
    padding: 0;
    font-size: 5rem !important;
  }

  li.menu-item.current_page_item:last-child a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: rgb(90, 90, 90);
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
  }
}

a {
  padding: 1rem;
}

.text-main {
  color: rgb(90, 90, 90);
}

div.menu-my-menu-header-container ul {
  color: rgb(90, 90, 90);
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

ul {
  margin: 0;
  padding: 0;
}

ul li.menu-item {
  color: rgb(90, 90, 90);
  /* width: 20%; */
  line-height: 4rem;
  font-size: 1.8rem;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  font-weight: 500;
  position: relative;
}

ul li.menu-item a {
  padding: 2rem;
  padding-left: 0;
}

ul li.menu-item:last-child a {
  padding-right: 0;
}

ul li.menu-item:first-child a {
  padding-left: 0;
}

li.menu-item-32 a {
  color: #0032A0;
  font-weight: 600;
}

a,
a:hover {
  color: rgb(90, 90, 90);
}


div.img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5%;
}

.img-hovered {
  display: none;
}

/* div.img-wrapper img.img-main:hover  {
    display: none;
} */
div.img-wrapper img.img-main:hover~img.img-hovered {
  display: block;
}

li.menu-item a:after {
  background: none repeat scroll 0 0 transparent;
  content: "";
  display: block;
  height: 2px;
  /* left: 50%; */
  position: absolute;
  background: #0032A0;
  transition: width 0.5s ease 0s, left 0.5s ease 0s;
  width: 0;
}

li.menu-item-32 a:after {
  background: none repeat scroll 0 0 transparent;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  background: rgb(90, 90, 90);
  transition: width 0.5s ease 0s, left 0.5s ease 0s;
  width: 0;
}

li a:hover:after {
  width: 120%;
}

.container {
  max-width: 975px;
}

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0032A0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.navbar {
  justify-content: flex-end !important;
}

#nav-icon3 {
  display: none;
}

.navbar-toggler {
  margin: 1rem;
}

/* Icon 3 */
#nav-icon3 {
  width: 10%;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-left: auto;
  margin-top: 5vh;
  margin-right: 30px;
  z-index: 99;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #0032A0;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 20px;
}

#nav-icon3 span:nth-child(4) {
  top: 40px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav {
  position: fixed;
  top: 0px;
  width: 100%;
  background: white;
  padding: 2rem 40rem;
  z-index: 5;
}

#front-page-section {
  padding: 15rem 0rem;
  max-width: 680px;
  justify-content: center;
  margin: auto;
}

ul li.menu-item.current_page_item {
  font-weight: bold;
}

@media (min-width: 1400px) {
  li.menu-item.current_page_item a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: #0032A0;
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
    width: 120%;
  }

  li.menu-item.current_page_item:last-child a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: rgb(90, 90, 90);
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
    width: 120%;
  }
}


@media (max-width: 1400px) {
  #nav {
    padding: 2rem 30rem;
  }
}

@media (max-width: 1200px) {
  #nav {
    padding: 2rem 10rem;
  }

}

@media (max-width: 992px) {
  #nav {
    padding: 20rem 10rem;
  }
  ul li.menu-item a {
    padding: 5rem;
    padding-left: 0;
  }
}
.wp-block-columns {
  width: 100%;
}

.current-page-font-bold {
  font-weight: bold !important;
}

.current-page-font-bold a:after {
  background: none repeat scroll 0 0 transparent !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  position: absolute !important;
  background: #0032A0 !important;
  transition: width 0.5s ease 0s, left 0.5s ease 0s !important;
  width: 120% !important;
}

@media (max-width: 992px) {
  .current-page-font-bold a:after {
    width: 20% !important;
    ;
  }
}