@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


a {
  color: #b9554f;
}
#title-chicken, #title-cell-atlas {
  color: #fefefe;
  line-height: 7rem;
  font-family: "Chivo", sans-serif;
}
#title-chicken {
  font-size: 7.3rem;
  font-weight: 400;
}
#title-cell-atlas {
  font-size: 6rem;
  font-weight: 700;
}
#hero {
  color: #222222;
  background: transparent;
}
#hero .block-page-title-block h1 {
  padding: 2rem 0;
  margin-top: 2rem;
  font-size: 3rem;
  font-weight: 200;
  color: #222;
}
body.menu-open #navbar-collapse {
  background: #b9554f;
}
div#center {
  padding: 4rem 0 4rem 0;
  text-align: justify;
}
#center.no-sidebars #main {
  width: 100%;
}
#hero .block-page-title-block h1 {
  text-align: left;
}
#footer {
  padding: 0; /* currently not used */
  text-align: justify;
}
#copyright {
  padding: 4rem 0 3rem 0;
  text-align: justify;
}

@media (min-width: 64rem) {
  #header {
    height: auto;
    /*background: #dfdada;*/
    background: #b9554f;
  }
  #header .block-system-branding-block a.logo .image img {
    width: 160px;
  }
  #header .block-system-branding-block {
  height: auto
  }
  #header .block-system-branding-block a.logo {
    padding: 1rem;
  }
  #header .block-system-branding-block a.logo .title .site-name {
    display: block;
    color: #000;
    font-family: "Open Sans", sans-serif;
  }
  #menu {
    background: #b9554f;
  }
  #menu .block-menu ul.menu > li > a,
  #menu .block-menu ul.menu > li > span:first-child {
    color: #dfdada;
    font-weight: 500;
  }
  #menu .block-menu ul.menu > li:hover > a,
  #menu .block-menu ul.menu > li:hover {
    background: #98423D;
  }
  #menu .block-menu ul.menu > li > span {
    color: #dfdada;
    font-weight: 500;
    line-height: 5.4rem;
    text-transform: uppercase;
  }
  #menu .block-menu ul.menu > li.menu-item--active-trail > a {
    color: #dfdada;
    font-weight: 500;
  }
  #menu .block-menu ul.menu > li > span:first-child {
    padding: 0 2rem;
  }
  #menu .block-menu ul.menu > li:last-child > ul.menu {
    left: 0;
    right: auto;
  }
  div#block-holy-subtheme-branding-2 {
    display: none;
  }
  #sidebar-second img.screenshot {
    width: 400px;
    margin: auto;
  }
}

@media (max-width: 63.9rem) {
  #navbar-wrapper #navbar {
    background: #ffffff;
  }
  #hero {
    background: #b9554f;
    text-align: center;
  }
  #title-chicken, #title-cell-atlas {
    color: #fefefe;
    line-height: 6rem;
  }
  #title-chicken {
    font-size: 6rem;
  }
  #title-cell-atlas {
    font-size: 5rem;
  }
  #hero .block-page-title-block h1 {
    color: #fefefe;
  }
  #header .block-system-branding-block a.logo .title .site-name {
    font-size: 7rem;
  }
  #menu .block-menu ul.menu li a {
    border-bottom: 0.1rem solid #8a463d;
  }
  #menu .block-menu ul.menu li a.is-active {
    color: #222;
  }
  #menu .block-menu ul.menu li a.is-active:hover {
    color: #9c989c;
  }
  #menu .block-menu ul.menu li span {
    cursor: pointer;
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    border-left: 0;
    background: none;
  }
  #menu .block-menu ul.menu li span:first-child {
    display: block;
    padding: 1.5rem 8rem 1.5rem 2rem;
    text-decoration: none;
    color: #fff;
    border-bottom: 0.1rem solid #8a463d;
    font-size: 2rem;
  }
  #menu .block-menu ul.menu li ul {
    display: block;
  }
  div#block-holy-subtheme-branding-2 {
    /*width: 40%;
    margin: auto;*/
    padding-top: 2rem;
  }
  #sidebar-second img.screenshot {
    width: 100%;
  }
  #hero .block-page-title-block h1 {
    text-align: center;
  }
}