/* Scss Document */
header.top-header {
  background: #000; }
  header.top-header h1 a {
    background-image: url(https://cdnhwgalleries.privateblack.com/week1719-SPE241_s01/images/sprite-join-landing-black.png);
    display: block;
    text-indent: -9999px;
    width: 556px;
    height: 60px;
    margin: auto; }

nav {
  background: #222; }
  nav ul.menu {
    text-align: center;
    padding: 0px;
    margin: 0px; }
    nav ul.menu li {
      padding: 10px;
      margin: 0px;
      display: inline-block;
      list-style: none; }
      nav ul.menu li a {
        padding: 10px;
        font-size: 1.2em;
        color: #FFF;
        display: block; }
        nav ul.menu li a:hover {
          background-color: #6D6F75;
          text-decoration: none;
          border-radius: 10px; }
        nav ul.menu li a.join-button {
          background-color: #CC3B3D; }

.scene {
  text-align: center; }
  .scene h1 {
    font-size: 3em;
    text-align: center; }
    .scene h1 a {
      color: #222; }
  .scene .scene-models-list {
    padding: 0px;
    margin: 0px;
    text-align: center; }
    .scene .scene-models-list li {
      padding: 0px;
      margin: 0px;
      display: inline-block;
      list-style: none; }
      .scene .scene-models-list li a {
        color: #CC3B3D; }

.thumbs-list ul {
  padding: 0px;
  margin: 0px; }
  .thumbs-list ul li {
    padding: 10px;
    margin: 0px;
    display: inline-block;
    list-style: none; }
    .thumbs-list ul li a img {
      box-shadow: 1px 1px 5px #a0a0a0; }

.banner {
  background: #CC3B3D;
  text-align: center;
  padding: 10px;
  font-size: 2em;
  border-radius: 10px; }
  .banner p {
    padding: 0px;
    margin: 0px; }
    .banner p a {
      color: #FFF; }

footer {
  padding: 20px;
  margin-top: 20px;
  background-color: #000;
  color: #eee; }
  footer .logo-footer {
    background-image: url(https://cdnhwgalleries.privateblack.com/week1719-SPE241_s01/images/sprite-join-landing-black.png);
    display: block;
    text-indent: -9999px;
    width: 263px;
    height: 30px;
    margin: auto;
    background-position: 0px -66px; }
  footer a {
    color: #CC3B3D; }
    footer a:hover {
      color: #eee; }
  footer .footer-list.info-footer {
    padding: 0px; }
    footer .footer-list.info-footer li {
      padding: 10px 10px 10px 0px;
      margin: 0px;
      display: inline-block;
      list-style: none; }

@media (max-width: 600px) {
  header.top-header h1 a {
    background-image: url(https://cdnhwgalleries.privateblack.com/week1719-SPE241_s01/images/sprite-join-landing-black.png);
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 50px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat; }

  nav ul.menu li {
    padding: 1px;
    margin: 0px;
    display: inline-block;
    list-style: none; } }
@media (max-width: 468px) {
  header.top-header h1 a {
    width: 100%;
    height: 40px; } }
@media (max-width: 380px) {
  header.top-header h1 a {
    width: 100%;
    height: 30px; } }