@media only screen and (max-width: 1300px) {
  .homeContentMain {
      display: none;
  }
  .homeContent0{
    display:none;
  }
  .homeContent1{
    padding:5px;
    background-color: lightgray;
    display: block;
    overflow: auto;
  }
  .homeContent2{
    padding:5px;
    background-color: white;
    display: block;
    overflow: auto;
  }
  .homeContentHeader{
    font-size: 36px;
    color: #7F0B0E;
    padding-top:10px;
    padding-bottom: 10px;
    width:100%;
    text-align: center;
  }
  

}

@media only screen and (min-width: 1300px) {
  .homeContentMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: black;
}
.homeContent0{
  display:block;
  padding:90px;
  background-color: gray;
  font-size: 32px;
  color:white;
  text-shadow: 2px 2px rgba(0,0,0,.6);
}
.homeContent1{
  padding:60px;
  background-color: lightgray;
  display: block;
  overflow: auto;
}
.homeContent2{
  padding:60px;
  background-color: white;
  display: block;
  overflow: auto;
}
.homeContentHeader{
  font-size: 36px;
  color: #7F0B0E;
  padding:30px;
  width:100%;
  text-align: center;
}


}

  .homeLeft {
    width:80%;
    overflow: hidden;
    display:flex;
    color:white;
    text-shadow: 2px 2px rgba(0,0,0,.6);
    position:relative;
  }
  .homeRight {
    width:20%;
    display:flex;
    flex-wrap:wrap;
    flex:1;
  }
  .homeSmall{
    width: 100%;
    height: auto;
    background: black;
    border:solid 8px #7F0B0E;
    border-width: 8px 8px 0 8px;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position:relative;
    font-size: 24px;
    color:white;
    text-shadow: 2px 2px rgba(0,0,0,.6);
  }
  .homeSmallBottom{
    border-width: 8px 8px 8px 8px;
  }

  .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    border: solid 1px #7F0B0E !important;
    background-color: #7F0B0E !important;
}