.homeBanner {
    background-color: rgba(191,23,33,0.1);
    padding-top:5%;
    padding-bottom:5%;
}


/* REASONS TO SELL SECTION */

.sell-row {
        margin-top: -60px;
}

.sell {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.sell-block {
    padding-top: 3%;
}



/* OUR HISTORY */
.history {
    font-size: 16px;
    text-align:center;
    letter-spacing:0.5px;
}



.cid-qXUSbKtSpJ .mbr-section-title {
    text-align:center;
}


/* OUR PROCESS */

.process-icon {
    display:block;
}

.our-process {
    padding-left: 5%;
    padding-right: 5%;
}

/* BIOS */
.bios__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.bios__caption {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;

}

.bios__name {
    width: 100%;
}

.bios__title {
    line-height: 1.2;
}

.bios__role {
    margin-top: 5px;
}


/* MEDIA QUERIES */

@media (min-width: 120px) and (max-width: 319px) {

}

/* iphone 5 (small) */
@media (min-width:320px) and (max-wdith: 350px) {

      #our-plays {
          font-size: 20px;
      }

      #contact-line {
          padding-top:15%;
      }

      .cid-qXCOEUghQN H2, .cid-qXUZyz4yux H2 {
          text-align:center;
      }

}

/* Smartphone: */
@media (min-width: 320px) and (max-width: 767px) {

        .header-block {
            display: block;
            margin-left: auto;
            margin-right: auto;
            padding-top: 10%;
            padding-left: 5%;
            padding-right: 5%;

        }
      .header-block h1 {
          font-size: 2.2rem;

      }

       .header-block p {
           color: white;
           font-size: 1.1rem;
           text-align:center;
           padding-right: 6%;
           padding-left: 6%;
           margin-top: -1rem;
       }

           .card-border {
               height: 300px;
               border: none;
           }

        
        .history {
            margin-left: 4%;
            margin-right: 4%;
            font-size: 14px;
        }

        .map-img {
            width:100%;
        }

        #container-map {
            padding-left: 0px;
            padding-right:0px;
        }

        #our-plays {
            font-size:32px;
        }

       #pic-bottom {
           display:none;
       }

            .top-pic-grey {
                padding-top: 90px;
                padding-bottom: 0px;
                background-color: #f9f9f9;
            }

             #contact-line {
                 padding-top: 15%;
             }

              .cid-qXCOEUghQN H2, .cid-qXUZyz4yux H2 {
                  text-align: center;
              }


} 

/* iPads: */
@media (min-width: 768px) {

         .header-block {
               display: block;
               margin-left: auto;
               margin-right: auto;
               padding-left: 8%;
               padding-right: 8%;
         }

           .header-block h1 {
               font-size: 2.7rem;
           }

            .header-block p {
                color: white;
                font-size: 1.1rem;
            }

             .card-border {
                 border:1px white solid;
                background-color: rgba(255, 255, 255, .08);
             }

             .card-box p {
                 font-size: 16px;
                 margin-top: -10px;
             }

             .card-box h4 {
                 line-height: 1.3;
                 margin-top: -10px;
             }

             .inside-box {
                 padding: 2%
             }

            .cb-left {
                width: 125%;
                margin-bottom: 6%;
            }

            .cb-right {
                width: 125%;
            }


            #features5-c {
                padding-bottom: 90px;
            }

        .history {
            margin-left: 2%;
            margin-right: 2%;
        }

           .map-img {
               width: 90%;
           }

           #container-map {
               padding-left: 0px;
               padding-right: 0px;
           }

             #our-plays {
                 font-size: 50px;
             }
              
           #pic-bottom {
               display: none;
           }

           .top-pic-grey {
               padding-top:90px;
               padding-bottom:20px;
               background-color: #f9f9f9;
           }

            #contact-line {
                padding-top: 0px;
            }

             .cid-qXCOEUghQN H2, .cid-qXUZyz4yux H2 {
                 text-align: left;
             }


}

/* iPad Pro/Small Desktop: */

@media (min-width: 992px) {
    .card-border {
        height: 375px;
        border: 3px white solid;
    }

    .cb-left {
        margin-right: 2%;
        width:125%;

    }

    .cb-right {
        margin-left: 2%;
        width:125%;
    }

    .card-box {
        padding-left: 1%;
        padding-right: 1%;
    }

      #features5-c {
          padding-bottom: 65px;
      }

    .card-box p {
        font-size: 16px;
        margin-top: -5%;
    }

    .card-box h4 {
        font-size: 22px;
        margin-top: -3%;
    }

        .history {
            margin-left: 1%;
            margin-right: 1%;
        }

     .map-img {
         width:80%;
     }

            #pic-bottom {
                display: inline-flex;
            }

            .top-pic-grey {
               display:none;
            }

            
}







/* Desktop/Laptop: */
@media (min-width: 1224px) {

        .header-block {
            text-align:right;
        }

     .header-block p {
         color: white;
         font-size: 1.1rem;
         margin-left: 40%;
     }

        .card-border {
            height: 350px;
            border: 3px white solid;
        }

          .card-box {
              padding-left: 3%;
              padding-right: 3%;
          }

           .cb-left {
               margin-right: 3%;
               padding-left: 0%;
           }

           .cb-right {
               margin-left: 3%;
               padding-left: 0%
           }

        .card-box p {
            font-size: 16px;
        }

          .map-img {
              width:75%;
          }


            #our-plays {
                font-size: 60px;
            }


}

   @media (min-width: 1300px) {
       .header-block p {
           color: white;
           font-size: 1.1rem;
           margin-left: 35%;
       }
   }

    @media (min-width: 1450px) {
        .header-block p {
            color: white;
            font-size: 1.2rem;
            margin-left: 38%;
        }
    }

     @media (min-width: 1650px) {
         .header-block p {
             color: white;
             font-size: 1.2rem;
             margin-left: 40%;
         }
     }

       @media (min-width: 1700px) {
           .header-block p {
               color: white;
               font-size: 1.3rem;
               margin-left: 40%;
           }
       }

/*Large Screens */
    @media (min-width: 1824px) {
            .header-block {
                padding-right: 12rem;
                padding-left:30rem;
               
            }

            .header-block h1 {
                font-size: 3.25rem;
              
            }

            .header-block p {
                color:white;
                font-size: 1.4rem;
                margin-left:28%;
            }
        
    } 
    
/* Extra Large */
      @media (min-width: 1900px) {
          .header-block p {
              color: white;
              font-size: 1.4rem;
              margin-left: 25%;
          }
        }


         @media (min-width: 2020px) {
             .header-block p {
                 color: white;
                 font-size: 1.4rem;
                 margin-left: 30%;
             }
            }

              @media (min-width: 2100px) {
                  .header-block p {
                      color: white;
                      font-size: 1.4rem;
                      margin-left: 23%;
                  }
                }

    @media (min-width: 2200px) {
          .header-block p {
              color: white;
              font-size: 1.4rem;
              margin-left:40%;
          }

    }

      @media (min-width: 2400px) {
          .header-block p {
              color: white;
              font-size: 1.4rem;
              margin-left: 35%;
          }
      }

         @media (min-width: 2600px) {
             .header-block p {
                 color: white;
                 font-size: 1.4rem;
                 margin-left: 40%;
             }
         }

              @media (min-width: 2800px) {
                  .header-block p {
                      color: white;
                      font-size: 1.4rem;
                      margin-left: 45%;
                  }
              }

         @media (min-width: 3000px) {
            .header-block p {
            color: white;
            font-size: 1.4rem;
            margin-left: 50%;
            }
        }

       
