@media all and (orientation:portrait){

  #videoButton{
    display: none;
  }
  body{
    position: absolute;
    width: 100vw;
    height: 100%;
    min-height: 100%;
  }

  /*Footer Changes*/
  #footer{
    height: 200px;
    z-index: 10;
    background-color: white;
  }
  #share{
    display: none;
  }
  .right-footer{
    display: none;
  }
  .footer-button{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 25px;
  }
  .centered-footer{
    width:100%;
    margin-left: 0px;
    height: 100%;
    z-index: 20;
  }

  /*Sidebar Change*/
  .sidebar{
    width:100%;
    top: 840px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
    border-right:none;
    height: calc(100% -600px -240px -200px );
    z-index: 9;
  }
  /* Map Header CHanges*/
  #header{
    left: 0px;
    width: 100%;
    height:240px;
    background-color: rgb(230, 227, 222);
    z-index: 2;
  }
  #mobileModal{
    display: none;
  }
  /* Map CHanges*/
  .map{
    top: 240px;
    width: 100%;
    height: 600px;
  }
  @media (max-width: 1320px)
  #header > div.leaflet-control-zoom.leaflet-bar.leaflet-control {
      display: inline-block;
  }
  /* header Elements*/
  #largeMapTitle{
    font-size: 40px;
  }
  #largeSubHeader{
    font-size: 23px;
  }
  #nationalRateContainer{
    font-size: 23px;
  }
  .polygonLegend{
    width: 400px;
    right: 0px;
    z-index: 999;
  }
  .legend i{
    width: 35px;
    height: 35px;
  }
  .polygonLabelStack{
    font-size: 26px;
      line-height: 35px;
      width: auto;
  }
  #legendLabelID-1{
    width: auto;
    font-size: 26px;
    padding-top: 3px;
  }
  .legendLabel{
    font-size: 26px;
  }
  .leftLabels{
    width: 86px;
    height: 100%;
    float: left;
  }
  .polygonLegend{
    margin-top: 10px;
  }
  .polygonLegendLabel-Left{
      width:100%;
  }
  #headerContainer{
    display: none;
  }
  .menuLabel{
    font-size: 28px;
  }
  .sidebarDropdown{
    font-size: 24px;
  }
  .dropdown-menu>li>a{
    font-size: 24px;
  }
  #race-menu-button{
    font-size: 24px;
  }
  #largeMapTitleContainer{
    width: calc(100%-400px);
  }
  #largeSubHeader-Footnote{
    display: none !important;
  }


}

/* County Detail Page*/
#countyDetail{
  width: 900px;
}
.modalLeft{
  width: 100%;
  float: inherit;
}
.modalRight{
  width: 100%;
  padding-left: 47px;
  float: inherit;
  padding-right: 47px;
}
#dp_subTitle{
  font-size: 40px;
}
#dp_OpiTitle{
  font-size: 30px;
}
#dp_Drate{
  font-size: 30px;
}
#us_Drate{
  font-size: 30px;
}
.OpiTableBold{
  font-size: 28px;
}
#dp_OpiTable{
  width: auto;
}
#us_OpiLocation{
  font-size: 24px;
}
#printIt{
  display: none;
}
#modalBottomWrapper{
  display: none;
}
.selectorLabel{
  font-size: 24px;
}
#modalSelector1{
  font-size: 23px;
}
caption{
  font-size: 23px;
}
.OpiTableHeadCell{
  font-size:23px;
}
.cell{
  width: auto;
  font-size:20px;
}
.left-cell{
  font-size:20px;
}
.rightAlignCell{
  font-size:20px;
}

/* MODAL CONTENT*/
.modal-content-text{
  font-size: 30px;
  padding-right: 40px;
  width: auto;
}
#wBody{
  height: 90%
}
.modal-citation{
  font-size:20px;
}
#methodologyBody{
  height: 90%
}
span.ctc{
  font-size: 23px;
}
.closeX{
  font-size: 42px;
}
#howtoModal .modal-content-text{
  font-size: 28px;
}
.subHeaderSmall{
  font-size: 30px;
}
#htBody{
  height: 90%;
}
.mainModalHeaderSmall{
  font-size: 38px;
}
/* Fact Sheet Modal*/
#pieChartModal{
  height: 700px;
}
.modalImageDivTitle{
  font-size: 28px;
}
#piechartSubTitle{
  font-size: 28px;
}
#barChartCancerModal{
  height: 460px;
}
#barChartRaceModal {
  height: 310px;
}
#intBody{
  height: 90%;
}
#TandC{
  font-size: 28px;
}
/* Map Popup*/
#countyName{
  font-size: 25px;
}
#popupSubHeader{
  font-size: 20px;
}
#overdoseValueDiv{
  font-size: 20px;
}
#detailPageLink{
  font-size: 20px;
}
.nonOverlayDependent{
    color: black;
    font-weight: bold;
    font-size: 27px;
    font-family: 'Roboto', sans-serif;
    display: inline;
    margin-bottom: 0px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 30px;
}