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

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

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

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

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

  #hlogotitle, #hlogotitle1, #hlogotitle2, #hlogotitle3, #hlogotitle4, #hlogotitle5 {
    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 #FF69B4;
  }

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

  /* --------------------------------------
    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;
  }

  #finfo-nav-img, #footer1-info1-nav1-img1, #footer2-info2-nav2-img2, #footer3-info3-nav3-img3, #footer4-info4-nav4-img4, #footer5-info5-nav5-img5 {
    width: 110px;
  }

  #fform, #footer1-form1, #footer2-form2, #footer3-form3, #footer4-form4, #footer5-form5 {
    width: 40%;
  }

  #fform form, #footer1-form1 form, #footer2-form2 form, #footer3-form3 form, #footer4-form4 form, #footer5-form5 form {
    display: flex;
    flex-wrap: wrap;
  }

  #fform-input, #footer1-form1-input1, #footer2-form2-input2, #footer3-form3-input3, #footer4-form4-input4, #footer5-form5-input5 {
    width: 49%;
  }

  #fform-input + #fform-input, #footer1-form1-input1 + #footer1-form1-input1, #footer2-form2-input2 + #footer2-form2-input2, #footer3-form3-input3 + #footer3-form3-input3, #footer4-form4-input4 + #footer4-form4-input4, #footer5-form5-input5 + #footer5-form5-input5 {
    margin-left: 2%;
  }

  #finfo, #footer1-info1, #footer2-info2, #footer3-info3, #footer4-info4, #footer5-info5 {
    width: 60%;
  }

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

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