section {
  padding: 60px 0;
}

.blue {
	color: #4BA8A6;
}

.tx-shadow {
	text-shadow: 4px 4px #000;
}

.tx-shadow-2 {
	text-shadow: 2px 2px #000;
}

h2 {
	color: #4BA8A6
}

.bg-light-1 {
	background-color: #F0F0F0;
}

.bg-light-2 {
	background-color: #E0E0E0;
}

.btn-primary {
	background-color: #4BA8A6;
	color: #fff;
	font-weight: 600;
	border: none;
}

.btn-primary:hover {
	background-color: #fff;
	color: #4BA8A6;
	font-weight: 600;
	border: 1px solid #4BA8A6;
}

/*Header*/

.jumbotron {
    background-image: url("../img/header.jpg");
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;
	height: 37rem;
	margin-bottom: -1rem;
	margin-top: 2rem;
}

/*navbar*/

.bg-dark {
	background-color: #777777!important;
}

.navbar-brand {
	color: #C9E265!important;
	text-shadow: 1px 1px #245D21;
	font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link {
    color: #C9E265!important;
	text-shadow: 1px 1px #245D21;
	font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #245D21!important;
	text-shadow: 1px 1px #245D21;
	font-weight: 600;
}		
	

/*Emergency*/

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: #4BA8A6;
    border-bottom: 1px solid #4BA8A6;
}

	.modal-dialog {
    max-width: 1000px!important;
}	
	
.header-img {
	width: 20%;
}


/* reload page popup */

/* .pdflink{
    color: blue;
    cursor: pointer;
    font-size: 18px;
} */
.popup {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    display: grid;
    place-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 200ms ease-in-out opacity;
}

.popup-content {
    width: clamp(300px, 90vw, 500px);
    background-color: #fff;
    padding: clamp(1.5rem, 100vw, 3rem);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
    border-radius: .5em;
    opacity: 0;
    transform: translateY(20%);
    transition: 200ms ease-in-out opacity,
                200ms ease-in-out transform;
    position: relative;
}

.popup h1 {
    position: absolute;
    top: 2rem;
    right: 2rem;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}
.popup h1:active {
    transform: scale(.9);
}

.showPopup {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
	z-index: 10;
}


@media only screen and (max-width: 600px) {
  .header-img {
	width: 80%;
}
}

/* Elected Officials Section */
#Elected .img-thumbnail {
    width: 100%;
    aspect-ratio: 3 / 2;
    height: auto;
    object-fit: cover;
    object-position: center 14%;
    background-color: #fff;
    display: block;
    margin: 0 auto;
}

#Elected .lead {
    margin-top: 0.75rem;
    margin-bottom: 0;
    text-align: center;
}

/* Things To Do & Emergency Cards */
#Resources .card-img-top {
    height: 200px;
    object-fit: cover;
}

#Emergency .card,
#Resources .card {
    height: 100%;
}

section.res-sec a{
    color: #4BA8A6;
}

section.res-sec {
	background: url(../img/Resources.jpeg) no-repeat right center;
	background-attachment: fixed;
	background-size: contain;
}
.p-100{
	padding: 100px;
}