/*** Project Meta ***/

/* general - line __ */

/* header - line __ */

/* main content - line __ */

/* footer - line __ */

/** GENERAL **/

.html {
  font-family: ARS Maquette, Helvetica Neue, Arial, sans-serif;
  font-size: 87.5%;
}

.reset * {
  margin: 0;
  padding: 0;
  border: 0;
}

.body {
  background-color: #f4f5f6;
}

.content {
  max-width: 1310px;
}

.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Mobile View */

/* header */

.header1 {
  background-color: #f72210;
  padding: 0.8rem;
}

.nlogo {
  width: 9.4193rem;
}

.location {
  font-size: 0.8571rem;
}

.weather-icon {
  width: 1.5714rem;
}

.register > * {
  margin-left: 0.6rem;
}

.login-text {
  font-size: 1.1429rem;
  vertical-align: middle;
}

.login {
  width: 2rem;
}

.btn-warning {
  padding: 0.2rem 0.4rem;
  font-size: 0.8571rem;
  background-color: #ffe400;
}

.menu-icon {
  width: 1.2857rem;
}

.nav-1 {
  font-size: 1rem;
}

.nav-li-search {
  width: 14%;
}

.nav-1-li {
  padding-right: 1%;
}

.nav-li-search .form-inline[placeholder="Search"] {
  font-size: 0.8571rem;
}

.input-form {
  width: 3.5714rem;
}

.nav-1-img {
  width: 1.7857rem;
}

/* main/content */

.main {
  padding: 1.4286rem 0 0 0;
}

.logo-img {
  width: 28.2143rem;
  height: auto;
}

.logo-img-2 {
  width: 9.4286rem;
}

.img-width {
  width: 4.5rem;
}

.debate a,
.opinion a {
  color: black;
  font-size: 1rem;
  font-weight: bold;
}

.font-size-heading {
  font-size: 1.1rem;
}

.versus {
  top: -1.0714rem;
  left: 47%;
}

.horizontal-rule {
  padding-bottom: 0.1428rem;
}

.grid {
  display: grid;
  grid-auto-rows: auto;
  gap: 1.4286rem;
}

.card {
  width: 100%;
}

.form-img {
  background-color: #f72210;
  width: 2.0714rem;
  height: 2.0714rem;
}

.form .form-input[placeholder="Email Address"] {
  padding-left: 0.7143rem;
}

.form-button {
  background-color: #f72210;
}

.story-img {
  margin-right: 1.0714rem;
}

.img-col {
  width: 20%;
  height: auto;
}

.list-pics {
  width: 75%;
  font-size: 1.1rem;
}

.span-img {
  width: 2.1429rem;
}

.magazine-img {
  height: 90%;
  width: 100%;
}

.img-category {
  min-height: 70%;
  height: auto;
  width: 100%;
}

.img-category2 {
  height: auto;
  width: 100%;
}

.category > * {
  font-size: 1rem;
}

.lead {
  font-size: 1rem;
}

.image-pick {
  width: 100%;
}

.subscribe-pic {
  position: relative;
  padding-left: 1rem;
}

.pic2 {
  position: absolute;
  top: 0.4286rem;
  left: 1.7857rem;
}

.indepth-news {
  padding-left: 5rem;
}

.starting {
  background: url(https://d.newsweek.com/en/full/1541302/starting5-homepage.png?w=397&h=265&q=90&f=742bce9a6f72dd8f19ba2e7fd5db06e5) center center / cover no-repeat;
  height: 13.4285rem;
}

.footer {
  background-color: white;
}

.footer-ul {
  white-space: nowrap;
}

@media (min-width: 481px) and (max-width: 767px) {
  .img-col {
    width: 18.4286rem;
    height: auto;
  }

  .list-pics {
    width: 40%;
    font-size: 1.12rem;
  }
}

@media screen and (max-width: 767px) {
  .form {
    width: 100%;
    max-width: 21.4286rem;
    margin: 0 auto;
  }

  .indepth-news {
    text-align: center;
    padding: 0;
  }

  .subscribe-pic {
    width: 40%;
    margin: 0 auto 1rem auto;
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .header1 {
    padding: 0.7rem;
  }

  .btn-warning {
    padding: 0.2rem 0.5rem;
    font-size: 1.2rem;
  }

  .fa-bars {
    font-size: 50%;
  }

  .menu-icon {
    width: 2.1429rem;
  }

  .grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .more-featured-stories {
    width: 45%;
  }

  .starting,
  .start-log {
    width: 50%;
    min-height: 19.2143rem;
    height: auto;
  }

  .form {
    width: 90%;
  }
}

@media screen and (min-width: 992px) {
  .nlogo {
    width: 27.8571rem;
  }

  .main {
    padding: 1.4286rem 1.0714rem 0 1.0714rem;
  }

  .more-featured-stories {
    width: 100%;
  }

  .form {
    width: 100%;
  }

  .form,
  .form-title {
    font-size: 1.1rem;
  }

  .subscribe-newsletter .subscribe {
    width: 60%;
  }

  .subscribe-newsletter .newsletter {
    width: 40%;
  }
}