/*Menu*/

/* CSS */
/* Default white style */
.header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: background-color 0.3s ease;
}

.menu-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.hamburger-path {
  /*fill: white;*/
  transition: fill 0.3s ease;
}

/* Scrolled state - black color */
.header.scrolled {
  background-color: white;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header.scrolled .hamburger-path {
  fill: black;
}

/* Visually hidden text for screen readers */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Base styles for mobile-first design */
@media only screen and (max-width: 600px) {
  /* Other mobile styles */
  /* Home page */
  .tab_version {
    display: none;
  }
  .desktop_version {
    display: none;
  }
  .desktop_lg_version {
    display: none;
  }
  .cog_about {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* About page */
  .tp_title {
    font-size: 32px;
    font-weight: 100;
    margin-right: 0px;
  }
  .box_tx_ft_rt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .box_scroll {
    padding: 0px !important;
  }
  .box_lom {
    display: none !important;
  }
  .mob_only {
    display: block;
  }
  .box_dx_mb {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  .mobile_version {
    display: none;
  }
  .desktop_version {
    display: none;
  }
  .desktop_lg_version {
    display: none;
  }
  .cog_about {
    margin-left: 50px;
    margin-right: 50px;
  }
  /* About page */
  .tp_title {
    font-size: 32px;
    font-weight: 100;
    margin-right: 0px;
  }
  .box_tx_ft_rt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .box_dx_mb {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Laptops */
@media (min-width: 1025px) and (max-width: 1599px) {
  .mobile_version {
    display: none;
  }
  .tab_version {
    display: none;
  }
  .desktop_lg_version {
    display: none;
  }
  /* About page */
  .tp_title {
    font-size: 42px;
    font-weight: 100;
    margin-right: 50px;
  }
  .hrf_txt_centr {
    text-align: center;
  }
  .cog_about {
    margin-left: 130px;
    margin-right: 130px;
  }
  .article_whc {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .box_dx_mb {
    margin-left: 200px;
    margin-right: 200px;
  }
}

/* Large Desktops */
@media (min-width: 1600px) {
  .mobile_version {
    display: none;
  }
  .tab_version {
    display: none;
  }
  .desktop_version {
    display: none;
  }
  /* About page */
  .tp_title {
    font-size: 52px;
    font-weight: 300;
    margin-right: 50px;
  }
  .hrf_txt_centr {
    text-align: center;
  }
  .cog_about {
    margin-left: 130px;
    margin-right: 130px;
  }
  .article_whc {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .box_dx_mb {
    margin-left: 200px;
    margin-right: 200px;
  }
}

picture {
  width: 100%;
}

picture img {
  width: 100%;
}