@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,300');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');


@media only screen and (min-width : 1200px) {
    .container { max-width: 1600px !important; } 
}

	
	.dzoverlay {
    background: url(https://chattanoogahistory.com/svg/CHAWATERMARK_22.svg) no-repeat;
    background-size: contain;
    margin: 0 auto 15px;
    opacity: 0.02;
	mix-blend-mode: difference;
	background-position: top;
}

.col-centered {
    float: none;
    margin: 0 auto;
}
#wrapper {
    overflow: hidden;
}

.wrapper {
    overflow: hidden;
}

.scroll-top {
    mix-blend-mode: difference;
}

.openseadragon-canvas:focus { outline:0 !important; }

.nopad {
    padding-left: 0px;
    padding-right: 0px;
}

.no-pad {
        padding-right: 0px;
        padding-left: 0px;
      }
.padtop {
    padding-top: 40px;
}

.padtop-60 {
    padding-top: 60px;
}

.padtop-80 {
    padding-top: 80px;
}


      .openseadragon {
        display: block;
        height: 700px;
        color: #333;
        background-image: url(/img/dark_leather.png);
        background-repeat: repeat;
        border: 0px solid #3F3F3F;
      }

  .col-centered{
    float: none;
    margin: 0 auto;
}

	  #place {
        padding: 0;
        width: 250px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid rgba(119, 119, 119, 0.12);
        border-radius: 3px;
      }
	  
      .coord {
        display: inline-block;
        color: #515351;
        font-size: 14px;
        font-weight: 300;
      }
p  {
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding: 0px 0px 5px;
    line-height: 1.42857;
	}


    a:active {
      text-decoration: none;
      color:#606989;
    }
    a:hover {
      text-decoration: none;
      color:#606989;
    }
	
	
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .openseadragon {
        height: 240px;
    }
    .openseadragon-container img {
        width: 40px;
        height: auto;
    }	
}

  @media all and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
     #dzlogo {
          margin-top: -8px;
          margin-left: -10px;
        }  

        .scroll-top {
          bottom: 10px;
        }	

    .openseadragon {
        height: 240px;
    }		
	.openseadragon-container img {
width: 40px;
height: auto;
}	
		
  }
  
  			
@media (max-width: 768px) {

.navbar-nav {
    margin-top: 15px;
    float: right;
    background-color: #00000042;
    padding: 0.5em;
}
}