.designsContainer {
  display: inline-block;
  text-align: center;
  width: 80%;
  max-width: 990px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin: auto 10%;
}
.elevationsContainer {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 990px;
}
.designInfo,.designSquareFootage,.designElevation{
  text-align: center;
  color: #545454;
  font-size: 1.2rem;
  font-weight: 400;
}

.homeDesignItem {
  border: 1px solid rgba(16, 16, 16, 0.19);
  position: relative;
  padding: 0;
  color: black;
  float: left;
  text-align: center;
  margin-bottom: 30px;
  width: 44%;
  margin-left: 4%;
}
.homeDesignItem img {
  width: 100%;
  margin-bottom: 1rem;
}

.portfolio-item img {
  margin-bottom: 1rem;
}
.portfolio-item {
  margin-bottom: 2rem;
}
.designMarketingName {
  text-align: center;
  color: black;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 5rem;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  text-transform: uppercase;
}
.designElevation {
  float: left;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.designSquareFootage {
  float: right;
  margin-right: 2rem;
}
.designViewLargerBtn {
  width: 76%;
  margin: 0 12%;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-size: 0.625rem;
  text-transform: uppercase;
  background: #00a4e3;
  padding: 16px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}


/*MODAL START*/
  /* The Modal (background) */
  .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
      overflow:hidden;
  }

  /* Modal Content/Box */
  .modal-content {
      background-color: #fefefe;
      margin: auto; /* 15% from the top and centered */
      padding: 0;
      border: 1px solid #888;
      width: 100%; /* Could be more or less, depending on screen size */
      height: 100%;
      overflow:hidden;
  }
  #modalImage {
    width: 50%;
    margin: 8% 25%;
  }
  /* The Close Button */
  .modalClose {
      color: #008dd3;
      float: right;
      font-size: 3rem;
      font-weight: bold;
      position: absolute;
      right: 5rem;
      top: 12%;
      cursor: pointer;
      border: 3px solid #008dd3;
      border-radius: 6rem;
      padding: 1rem 1.5rem;
  }

  .modalClose:hover,
  .modalClose:focus {
      color: #FFF;
      background:#008dd3;
      text-decoration: none;
      cursor: pointer;
  }
/*MODAL END*/


.floorplansHeading {
  text-align: center;
  color: black;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 5rem;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  text-transform: uppercase;
}
.printFloorplanLink {
  color: #545454;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-bottom: 2px solid white;
}
.homeDesignFloorplanLink {
  color: black;
  font-size: 1rem;
  line-height: 2rem;
  text-transform: capitalize;
  margin-right: 2rem;
  margin-bottom: 1rem;
  padding: .2rem 1rem;
  white-space:nowrap;
  cursor: pointer;
  display: inline-block;
}
.floorplanLinkContainer {
  width: 80%;
  margin: 3rem auto;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}
.homeDesignActiveFloorplan {
  border-bottom: 2px solid #00a4e3;
}
.homeDesignFloorplanContainer {
  width: 100%;
  margin: 0 auto;
}
.homeDesignFloorplanContainer img{
  width: 70%;
  display: block;
  margin: auto;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media(max-width:650px){
  .homeDesignItem {
    width: 92%;
  }
  .homeDesignFloorplanLink {
  	white-space: unset;
  	margin-right: 0;
  	line-height: 1.5rem;
  }
}
@media(max-width:1024px){
  .designViewLargerBtn {
    display: none;
  }
}