/* --------------------------------------
  Laptop Styling
-------------------------------------- */

@media screen and (min-width: 64em) {

  h1, h2 {
    font-size: 3rem;
  }

  h3 {
    margin-bottom: 30px;
    font-size: 2rem;
  }

  /* --------------------------------------
    Header
  -------------------------------------- */

  .header-logo-title {
    display: block;
    margin-left: 30px;
    font-size: 1.5rem;
  }

  /* --------------------------------------
    Main - Hero
  -------------------------------------- */

  .main-hero {
    padding: 160px 0 120px;
  }

  .main-hero-highlight {
    width: 70%;
  }

  .main-hero-highlight-links p > br {
    display: inline;
  }

  .main-hero-img {
    width: 30%;
  }

  /* --------------------------------------
    Main - Works
  -------------------------------------- */

  .main-works {
    padding: 120px 0;
  }

  .main-works-item {
    margin: 0 -60px 100px;
  }

  .main-works-item-text,
  .main-works-item-img {
    padding: 0 60px;
  }

  .main-works-item-img.primary img {
    box-shadow:
      1px 1px 10px rgba(0, 0, 0, 15%),
      30px 30px 0 #53687E;
  }

  .main-works-item-img.secondary img {
    box-shadow:
      1px 1px 10px rgba(0, 0, 0, 15%),
      30px 30px 0 #6B4E71;
  }

  /* --------------------------------------
    Main - About
  -------------------------------------- */

  .main-about {
    padding: 120px 0;
  }

  .main-about-img {
    margin-bottom: 100px;
  }

  .main-about-addition-skills {
    display: flex;
  }

  .main-about-addition-skills ul {
    margin-bottom: 0;
  }

  .main-about-addition-skills ul + ul {
    margin-left: 30px;
  }

  /* --------------------------------------
    Footer
  -------------------------------------- */

  .footer {
    padding: 120px 40px;
  }

  .footer-info-nav-img {
    width: 110px;
  }

  .footer-form {
    width: 40%;
  }

  .footer-form form {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-form-input {
    width: 49%;
  }

  .footer-form-input + .footer-form-input {
    margin-left: 2%;
  }

  .footer-info {
    width: 60%;
  }

  /* --------------------------------------
    Page - Work
  -------------------------------------- */

  .main-article {
    padding: 120px 0;
  }
}