@media only screen and (min-width: 60em) {
    header img {
		width: 100%;
	}

	.sec-company-info h1 {
		font-size: 2.5rem;
	}

	.motto {
		letter-spacing: 2.5pt;
		font-size: 1.2rem;
		margin-left: 10px;
    }

    h3 {
      font-size: 1.2em;
  }

    .main-nav {
		display: flex;
    }
    
	.main-nav li:first-child {
        font-size: 1.6rem;
        display: none;
    }
    
	.main-nav li {
		display: block;
		flex: 1 1 100%;
    }

    nav li a {
        font-size: 1rem;
    }

    .hero-weather-info {
      left: 50px;
      width: 30%;
    }

    #article-container, #contact {
      grid-template-columns: 1fr 1fr;
  }

  footer {
      font-size: 0.9em;
      width: 90%;
      margin: 0 auto;
  }    
}