html, body {
  overflow-x: hidden;
}

a{
  color: #680c86;
}

@media (max-width: 576px) {
  #callback-output {
    font-size:75%;
    background-color:pink;
  }
  .btnContainer{
    top: -92px;
  }
  .btnPrev{
    margin-left: 10%;
    opacity:0;
  }
  .btnNext{
    margin-right: 8%;
    opacity:0;
  }
}

.articleTitle{
  font-weight:bold;
  font-size:150%;
}

.byLine1{
  font-size: 85%;
  color: #280035;
  margin-left:40px;
}
.byLine2{
  font-size: 85%;
  color: #8804f1;
  margin-left:40px;
}
.chapter{
  font-weight:bold;
  font-size:bigger;
}
.featuredArticle{
  margin-left:15px;
  margin-top:-25px;
  color:purple;
  font-size:125%;
  font-weight:bold;
}





.btnPrev{
  opacity:0;
}
.btnNext{
  opacity:0;
}

#disclaimer{
  font-style:italic;
  font-size:smaller;
  opacity: 0;
  margin:auto;
  max-width: 95%;
  text-align:justify;"
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 48%;
  height: 59%;
}

#countiesMapContainer{
  margin-top:50px;
}

#countyNameSelected{
  background-color:#f5dff5;
  border-radius :25px;
  display: inline-block;
  font-family: cursive;
  font-size: 125%;
  padding-left: 15px;
  position: relative;
  top: -15px;
  width: 100%;
  min-width: 300px;
  z-index:1000;
}

#countyNameSelected::after {
  content: " County";
}


.statePubImage{
  max-width: 33%;
}


.btnContainer{
   cursor: pointer;
   width: 50px;
}

.aniFadeScale {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  font-weight: normal;
  color: #600080;
  margin: 0;
  padding: 0px 0 25px 0;
  transform-origin: 50% 100%;
  text-shadow: 5px 5px 5px #ddf;
  animation-duration: .7s;
  animation-name: fadeAndScale;
  animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
}

.desclaimer{
  position: relative;
  top: -500px;
  opacity: 0;
  color: #332233;

}

@keyframes fadeAndScale {
  from {
      opacity: 0;
      transform: scale(.5, .5);
  }
  to {
      opacity: 1;
      transform: scale(1, 1);
  }
}

#stateContainer{
  margin: 15px 0 0 10px;
  text-align: left;
}

#stateAdContainer{
  margin:50px 0 0 10px;
  text-align:left;
}

#stateResourcesHeading{
  margin:20px 0 0 25px;
  font-family:'Roboto Condensed', sans-serif;
}

#stateHREFContainer{
  position:relative;
  margin: 1%;
  text-align:center;
  color:#5d1b84;
  font-size:100%;
  font-family: 'Roboto Condensed', sans-serif;
  width:100%;
}

.stateResourceCopy{
  margin: auto;
  width: 80%;
  text-align: justify;
}

.stateResourceName{
  margin: 0 0 0 25px;
  text-align: left;
}

.stateResourceDesc{
  margin: 0 12% 0 35px;
  text-align: justify;
}


.lbl_state{
  color:#7000d0;
  position: relative;
}

#links_4_states{
  line-height: .5;
  width: 98%;

}

.stateNavDot{
  font-size: 261%;
  color:#7000d0;
  position: relative;
  padding-right: 5px;
  top: 10px;
}

.sm_hr1{
  width:97%;
  border-color: #bb41bb;
}

.websiteLabel{
  font-weight:bold;
  color: #694869;
}




#stateLinkContainer{
 margin:1% 0 0 1%;
 text-align:center;
}



#stateNameContainer{
  font-family:'Roboto Condensed', sans-serif;
  font-weight: bold;
  margin-top: 20px;
  opacity: 1;
  padding: 0;
}



.news {

    width: 193px

}



.glow {
  color: #fff;
  animation: glow 1s ease-in-out infinite alternate;
}



.linkName{
  font-family: sans-serif;
  font-size: larger;
}



.linkDesc{

  margin: 2%;

}



.natHeading{

  margin-left:20px;

}





.printedPublicationsHeading{

  font-family:  'Roboto Condensed', sans-serif;

}



@-webkit-keyframes glow {

  from {

    text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 20px #e60000;

  }



  to {

    text-shadow: 0 0 5px #fff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff;

  }

}



.glow2 {
  color: #000;
  animation: glow 3s ease-in-out infinite alternate;
}
@-webkit-keyframes glow2 {
  from {
    text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 0px #e60000, 0 0 10px #e60000;
  }
  to {
    text-shadow: 0 0 2px #fff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff;
  }
}



.glow3 {
  color: #fff;
  animation: glow 3s ease-in-out infinite alternate;
}
@-webkit-keyframes glow3 {
  from {
    text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #0000e6, 0 0 0px #0000e6, 0 0 0px #0000e6, 0 0 0px #e60000, 0 0 3px #0000e6;
  }
  to {
    text-shadow: 0 0 1px #000, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff, 0 0 0px #0000ff;
  }
}

.row_n{

  margin-top:15px; /* state pages for other than first row */

}



.news-scroll a {

    text-decoration: none

    position: relative;

    top: 2px;

}



.slide_ad{

  margin-top:25px;

}



.dot {

    position: relative;

    top: -2px;

    height: 6px;

    width: 6px;

    margin-left: 3px;

    margin-right: 3px;

    margin-top: 2px !important;

    background-color: #7000d0;

    border-radius: 50%;

    display: inline-block

}

.pubNameHeading, .pubCityHeading, .pubLinkHeading{

  font-weight:bold;

  text-shadow: 2px 2px 1px #f7f;

}



.pubName{
  margin:10px 0 0 10px;
  font-weight:bold;
  color:#694869;
}

.pubCopy, .pubLink{
  margin: 10px 0 0 15px;
}

.pubCity{
  margin: -20px 0 10px 15px;
  color:#694869;
  font-style: italic;
}

.copy{
  font-size: 100%;
}

.copy_1{

  margin-left: 0px;;

}

.copy_2{

  margin-left: 15px;

}

.copy_3{

  margin-left: 30px;

}

.copy_4{

  margin-left: 45px;

}



.heading{

  font-size: 125%;

  font-weight: bold;

}

.heading_1{

  margin-left: 0px;

}

.heading_2{
  margin-left: 15px;
}

.heading_3{
  margin-left: 30px;
}

.heading_4{
  margin-left: 45px;
}

.stateInitials{
  position: relative;
  z-index: 500;
  text-shadow: 2px 2px 1px #fff;
}

.img_row{
    margin-left:15px;
}

.navHidden{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#carousel {
  width:100%;
  border:0px solid #dddddd;
  height:470px;
  top:20px;
  position:relative;
  clear:both;
  overflow:hidden;
}

#carousel img {
  visibility:hidden; /* hide images until carousel can handle them */
  cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}

#callback-output {
  z-index:6;
  position:absolute;
  height:30px;
  min-width:500px;
  background-color:#600080;
  padding:3px 10px 5px 10px;
  width:auto;
  font-weight:bold;
  font-size:110%;
  display: inline-block;
  color:#fff;
  text-align:center;
  border-radius:7px;
  border:2px solid gold;
}

.addr{

  margin-left: 10px;

}

.name1{

  font-weight: bold;

  margin-top: 20px;

  margin-left: 10px;

}

.title1{

  margin-left: 15px;

}