.eap-homepage-22 {
  box-sizing: border-box !important;
}

a:hover {
  text-decoration: none;
}

.ea-light-button {
  background: #fff;
  text-transform: capitalize;
  padding: 10px 60px;
  margin-top: 20px;
  border-radius: 50px;
}

.ea-dark-button {
  text-transform: capitalize;
  color: #fff;
  padding: 10px 60px;
  margin-top: 20px;
  border-radius: 50px;
}

.east-aspen-map {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.east-aspen-hero {
  height: 100vh;
}
.east-aspen-hero .ea-hero-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  width: 60%;
  margin: 0 auto;
}
.east-aspen-hero .ea-hero-container a {
  color: #fff;
}
.east-aspen-hero .ea-hero-container h1 {
  font-size: 6vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.east-aspen-hero .ea-hero-container h2 {
  margin-top: 0;
  padding-top: 0;
  text-align: center;
  color: #fff;
}
.east-aspen-hero .ea-hero-container .ea-follow-visible {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 4vw;
  width: 40%;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}
.east-aspen-hero .ea-hero-container .ea-idx-search-visible {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.east-aspen-hero .ea-hero-container .ea-hero-buttons {
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
}
.east-aspen-hero .ea-hero-container .ea-hero-buttons button {
  font-size: 1.8vw;
}

section.east-aspen-section {
  height: 100vh;
  margin: 0;
}

.ea-featured-container {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 1.1fr;
  grid-template-rows: 1.1fr 0.9fr;
  grid-template-areas: "ea-feature-grid-1 ea-feature-grid-1 ea-feature-grid-2" "ea-feature-grid-3 ea-feature-grid-4 ea-feature-grid-5";
  width: 100%;
  height: 100%;
  background: #191C26;
}

.ea-feature-grid-1 {
  grid-area: ea-feature-grid-1;
}
.ea-feature-grid-1 .ea-tiles-content {
  width: 96%;
  padding-bottom: 10px;
}
.ea-feature-grid-1 .ea-tiles-content p, .ea-feature-grid-1 .ea-tiles-content h3 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px #444343;
  line-height: 1;
  text-transform: uppercase;
}
.ea-feature-grid-1 .ea-tiles-content hr {
  padding: 0;
  margin: 2px;
  width: 80%;
}
.ea-feature-grid-1 .ea-tiles-content p {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.6vw;
  padding-left: 20px;
}
.ea-feature-grid-1 .ea-tiles-content .ea-tile-phone {
  text-align: right !important;
  font-size: 2vw;
}
.ea-feature-grid-1 .ea-tiles-content h3 {
  font-size: 2.2vw;
  font-weight: 100;
  padding-left: 10px;
}

.ea-feature-grid-2 {
  grid-area: ea-feature-grid-2;
}
.ea-feature-grid-2 .ea-tiles-content {
  width: 96%;
  padding-bottom: 10px;
}
.ea-feature-grid-2 .ea-tiles-content p, .ea-feature-grid-2 .ea-tiles-content h3 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px #444343;
  line-height: 1;
  text-transform: uppercase;
}
.ea-feature-grid-2 .ea-tiles-content hr {
  padding: 0;
  margin: 2px;
  width: 80%;
}
.ea-feature-grid-2 .ea-tiles-content p {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.6vw;
  padding-left: 20px;
}
.ea-feature-grid-2 .ea-tiles-content .ea-tile-phone {
  text-align: right !important;
  font-size: 2vw;
}
.ea-feature-grid-2 .ea-tiles-content h3 {
  font-size: 2.2vw;
  font-weight: 100;
  padding-left: 10px;
}

.ea-feature-grid-3 {
  grid-area: ea-feature-grid-3;
}
.ea-feature-grid-3 .ea-tiles-content {
  width: 96%;
  padding-bottom: 10px;
}
.ea-feature-grid-3 .ea-tiles-content p, .ea-feature-grid-3 .ea-tiles-content h3 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px #444343;
  line-height: 1;
  text-transform: uppercase;
}
.ea-feature-grid-3 .ea-tiles-content hr {
  padding: 0;
  margin: 2px;
  width: 80%;
}
.ea-feature-grid-3 .ea-tiles-content p {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.6vw;
  padding-left: 20px;
}
.ea-feature-grid-3 .ea-tiles-content .ea-tile-phone {
  text-align: right !important;
  font-size: 2vw;
}
.ea-feature-grid-3 .ea-tiles-content h3 {
  font-size: 2.2vw;
  font-weight: 100;
  padding-left: 10px;
}

.ea-feature-grid-4 {
  grid-area: ea-feature-grid-4;
  background-position: top center;
}
.ea-feature-grid-4 .ea-tiles-content {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 10px;
}
.ea-feature-grid-4 .ea-tiles-content p, .ea-feature-grid-4 .ea-tiles-content h3 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px #444343;
  line-height: 1;
}
.ea-feature-grid-4 .ea-tiles-content hr {
  padding: 0;
  margin: 2px;
  width: 80%;
}
.ea-feature-grid-4 .ea-tiles-content p {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.6vw;
}
.ea-feature-grid-4 .ea-tiles-content .ea-tile-phone {
  text-align: right !important;
  font-size: 2vw;
}
.ea-feature-grid-4 .ea-tiles-content h3 {
  font-size: 3.2vw;
  font-weight: 100;
}

.ea-feature-grid-5 {
  grid-area: ea-feature-grid-5;
}
.ea-feature-grid-5 .ea-tiles-content {
  width: 96%;
  padding-bottom: 10px;
}
.ea-feature-grid-5 .ea-tiles-content p, .ea-feature-grid-5 .ea-tiles-content h3 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px #444343;
  line-height: 1;
  text-transform: uppercase;
}
.ea-feature-grid-5 .ea-tiles-content hr {
  padding: 0;
  margin: 2px;
  width: 80%;
}
.ea-feature-grid-5 .ea-tiles-content p {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.6vw;
  padding-left: 20px;
}
.ea-feature-grid-5 .ea-tiles-content .ea-tile-phone {
  text-align: right !important;
  font-size: 2vw;
}
.ea-feature-grid-5 .ea-tiles-content h3 {
  font-size: 2.2vw;
  font-weight: 100;
  padding-left: 10px;
}

.ea-feature-grid-1,
.ea-feature-grid-2,
.ea-feature-grid-3,
.ea-feature-grid-4,
.ea-feature-grid-5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ea-agent-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100vh;
}
.ea-agent-container .ea-agent-left,
.ea-agent-container .ea-agent-right {
  width: 40%;
}
.ea-agent-container .ea-agent-left h2, .ea-agent-container .ea-agent-left p,
.ea-agent-container .ea-agent-right h2,
.ea-agent-container .ea-agent-right p {
  color: #fff;
}
.ea-agent-container .ea-agent-left img {
  max-width: 100%;
}
.ea-agent-container .ea-agent-right img {
  max-width: 100%;
}

.ea-featured-areas-container {
  display: grid;
  grid-template-columns: 1.1fr 1.1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "ea-featured-area-1 ea-featured-area-2 ea-featured-area-3" "ea-featured-area-4 ea-featured-area-5 ea-featured-area-6";
  width: 100%;
  height: 100%;
}

.ea-featured-area-1 {
  grid-area: ea-featured-area-1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-1 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-featured-area-2 {
  grid-area: ea-featured-area-2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-2 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-featured-area-3 {
  grid-area: ea-featured-area-3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-3 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-featured-area-4 {
  grid-area: ea-featured-area-4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-4 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-featured-area-5 {
  grid-area: ea-featured-area-5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-5 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-featured-area-6 {
  grid-area: ea-featured-area-6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ea-featured-area-6 h2 {
  color: #fff;
  font-size: 5vw;
  font-weight: 100;
  text-shadow: 1px 1px #444343;
}

.ea-brag {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ea-brag .ea-brag-inner {
  width: 60%;
  margin: 0 auto;
  font-size: 2.22vw;
  text-align: center;
}
.ea-brag button {
  font-size: 1.2vw;
}

@media only screen and (max-width: 1000px) {
  .ea-agent-container {
    flex-wrap: wrap;
  }
  .ea-agent-container .ea-agent-left,
  .ea-agent-container .ea-agent-right {
    width: 98%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .ea-hero-buttons {
    width: 100%;
    flex-direction: column;
  }
  .ea-hero-buttons button {
    font-size: 3.2vw !important;
  }
  .east-aspen-featured-homes {
    height: 160vh !important;
  }
  .ea-featured-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40vh 40vh 40vh 40vh;
    grid-template-areas: "ea-feature-grid-1" "ea-feature-grid-2" "ea-feature-grid-3" "ea-feature-grid-5";
    width: 100%;
    height: 100%;
    background: #191C26;
  }
  .ea-feature-grid-4 {
    background-size: cover !important;
    background-position: top !important;
  }
  .ea-feature-grid-4 {
    display: none;
  }
  .ea-feature-grid-1 .ea-tiles-content h3,
  .ea-feature-grid-2 .ea-tiles-content h3,
  .ea-feature-grid-3 .ea-tiles-content h3,
  .ea-feature-grid-5 .ea-tiles-content h3 {
    font-size: 4.6vw;
  }
  .ea-feature-grid-1 .ea-tiles-content p,
  .ea-feature-grid-2 .ea-tiles-content p,
  .ea-feature-grid-3 .ea-tiles-content p,
  .ea-feature-grid-5 .ea-tiles-content p {
    font-size: 4.6vw !important;
  }
  .ea-brag-inner {
    width: 80% !important;
    margin: 0 auto;
    font-size: 4.6vw !important;
    text-align: center;
  }
  .ea-brag-inner button {
    font-size: 3.2vw !important;
  }
  .ea-home-report-container .ea-report-inner h3 {
    font-size: 5.2vw !important;
  }
  .ea-home-report-container .ea-report-inner p {
    font-size: 4vw !important;
  }
  .ea-home-report-container button {
    font-size: 3.2vw !important;
  }
}
@media only screen and (min-width: 1921px) {
  .ea-hero-container {
    max-width: 1000px;
  }
}