/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: 'Open Sans', sans-serif;
}

a {
	color: #e47317;
}
a:visited {
	color: #e47317;
}
a:hover {
	color: #5c8f79;
}


hr {
	margin: 0 0;
	border-top: 2px solid #063263;
	width:100%;
	max-width:812px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	box-shadow: 30px 29px #315a48;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.module {
	max-width: 960px;
	margin: 0 auto;
}

.header,
.page-headers {
	max-width: 100%;
	margin: 0 auto;
}

.content-areas__content {
	padding-top:3em;
}

.nav__link__level-2, .nav__link__level-3, .nav__link__level-4 {
	text-align:left;
}

.nav_box{
	background-color:#315a48;
	width:100%;
	color:white;
	font-weight: 500;
}

.dynamic-nav-activate{
	width:15%;
}
.menu-container {
  position: relative;
}

.header__home {
    position: relative;
}
.ut_header {
    position: absolute;
    z-index: 200;
	right: 65px;
    top: 23%;
}
.ut_header-text {
    padding-left: 18px;
    font-size: 40px;
    font-family: 'Archivo Black', sans-serif;
    color: #686868;
}
img.utsouthern {
    max-width: 500px;
}
img.utsouthern2 {
	display:none;
}

.content-areas__content h1, .content-areas__content h2, .content-areas__content h3, .content-areas__content h4 {
	font-family: 'Archivo Black', sans-serif;
	color: #577769;
}

.content-areas__content h1 {
	font-weight:bold;
	font-size:2em;
}

.content-areas__content h2 {
	font-size:1.5em;
}

.content-areas__content h3 {
	font-size:1.3em;
	font-style: italic;
}

.content-areas__content h4 {
	font-size:1em;
	color:black;
}

.content-areas__content p {
	font-size:1.2em;
	line-height:1.5em;

}

.content-areas__content li {
	padding-bottom:.8em;
}

.nav__item{
	text-transform:uppercase;
	background-color:#315a48;
}

.nav__item:hover > .nav__link, .nav__item__current > .nav__link {
	background-color:#528097;
}
a.nav__link{
	color:white;
	text-decoration:none;
}
.nav__link.nav__link__level-2 a:hover{
	color:#e47317;
}
.phone a{
  color: white;
	text-decoration:none;
}

.left_nav {
 	padding: .50em;
  position: absolute;
  box-sizing: border-box;
	width:100%;
	background-color:#315a48;
}

.dynamic-nav__link:hover{
	background-color: #528097;
}

.nav__list__level-1 {
  text-align: right;
	}

.nav__link__level-2{
	background-color: #315a48;
}

img.courthouseheader{
	width: 100%;
	position: relative;
	z-index: 0;
}

img.gileslogo{
	max-width: 514px;
	margin: 3em;
	max-width: 514px;
	position:absolute;
	z-index: 1;
	width: 37%;
}

img.gileslogo2 {
    position: absolute;
    z-index: 400;
    width: 250px;
    padding: 1em;
}
.page-headers__image {
    min-height: 100px;
}

.location{
	margin:5em;
}

.location_container{
	display:flex;
}

.location_left{
	width:70%;
	text-align:center;
}

.location_right{
	width:42%;
}

img.gilesmap{
	width:67%;
}

.giles_desc{
	color:#315a48;
	font-size: 39px;
	padding: 1em;
	width: 58%;
	margin: 0 auto;
}

.narrow{
	font-family: 'Archivo Narrow', sans-serif;
}
.black{
	font-family: 'Archivo Black', sans-serif;
}
img.worker{
	max-width:533px;
	width:75%;
	box-shadow: 40px 40px #315a48;
}

.vl {
  border-left: 2px solid #063263;
  height: 250px;
}

.location_desc{
	margin: 3em;
	max-width: 387px;
	font-size: 18px;
}

.location .button{
	margin-top: 3em;
}



.explore{
	background: url(../../images/powergrid.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.explore_title{
	font-size: 39px;
	font-weight: bold;
	color: #f3e98e;
	padding: 1em;
	padding-bottom: 0.5em;
	font-family: 'Archivo Black', sans-serif;
}

.explore hr{
	border-top: 2px solid #f3e98e;
}

.icon_boxes-content{
	display:flex;
	justify-content: center;
	text-align:center;
	flex-wrap: wrap;
}

.icon_boxes{
	margin:5em;
	width: 300px;
}

.icon_boxes-header{
	color:white;
	font-weight: bold;
	font-size: 50px;
	padding-bottom: 1em;
	font-family: 'Archivo Black', sans-serif;
}

.icon_boxes-numbers{
	font-size: 48px;
	font-weight: bold;
	color:#f3e98e;
}

.icon_boxes-units{
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 33px;
}

.icon_boxes-fact{
	color:white;
	font-size:12px;
}

img.icon{
	height:200px;
}


.watch-now{
	background: url(../../images/historicpulaski.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.watch-now_container{
	padding: 14em;
	width: 75%;
}

.watch-now_heading{
	color:#01537e;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 46px;
	width: 444px;
	margin: 0 auto;
	letter-spacing: 1px;
	font-weight:bold;
}

.watch-now_desc{
	font-family: 'Archivo Black', sans-serif;
	color:black;
	font-size: 74px;
	text-transform: uppercase;
	padding-bottom: 1em;
}

.button,
.generic__link-button{
	width: 200px;
	margin: 0 auto;
  	margin-top: 6em;
	background-color:#7484af;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 10px;
	cursor: pointer;
	border-radius: 18px;
	font-weight: bold;
	text-transform:uppercase;
}
.button a, .generic__link-button a{
	color:white;
	text-decoration: none;
}

.generic__link-button:hover,
.button:hover  {
    background-color: #59668b;
	transition: all .5s;
	color:white;
}

.fb3__field {
	margin-bottom:1em;
}

.fb3__field-input {
	padding:1em;
}

.fb3__field-select {
	padding:1em;
}


.downtown-livability{
	height: 1175px;
	display:flex;
	padding-top: 2em;
	margin:0 auto;
}

.downtown_left{
	width:60%;
	position:relative;
	height:1200px;
}

.downtown_title{
	font-family: 'Archivo Black', sans-serif;
	color:#315a48;
	font-size: 39px;
	padding: 1em;
	text-align: center;
}

.downtown-livability hr{
	max-width: 100%;
}

.downtown_right{
	width:40%;
	position:relative;
	height:1200px;
}

img.festival,
img.ribboncutting,
img.distillery,
img.lake,
img.events{
	box-shadow: 30px 45px #315a48;
}
/*
f3e98e (yellow)
*/

.downtown_container-festival{
	position:absolute;
	top: 200px;
	right: 25%;
}
img.festival{
	width: 400px;
}

.downtown_container-ribboncutting{
	position:absolute;
	right: 28%;
	top: 40em;
}
img.ribboncutting{
	width: 420px;
}

.downtown_container-distillery{
	position: absolute;
	top: 3.3em;
	left: 12px;
}
img.distillery{
	width: 342px;
}

.downtown_container-lake{
	position:absolute;
	top:24em;
	left: -76px;
}
img.lake{
	width: 340px;
}

.downtown_container-events{
	position: absolute;
	top: 47em;
	left: -23px;
}
img.events{
	width: 388px;
}


.downtown_desc{
	color:white;
	font-weight:bold;
	font-size:20px;
	text-align:right;
}

.industrial-parks{
	background-color:#e4e4e4;
}

.instrustial-container{
	padding:4em;
	display:flex;
}

.industrial_left{
	width:40%;
	text-align: center;
	padding-top: 8em;
}

img.industrial{
	width: 100%;
	padding: 3em;
	padding-top: 0;
}

.industrial_right{
	width:60%
}

.industrial_heading{
	font-family: 'Archivo Black', sans-serif;
	color:#315a48;
	font-size: 39px;
	padding: 1em;
	text-align:center;
}

.industrial-parks hr{
	width:106%;
	max-width:106%;
}

.industrial_icon_boxes-container{
	display:flex;
	justify-content: center;
	margin:2em;
}

.industrial_icon-boxes{
	width: 220px;
	text-align: center;
	margin:2em;
	color:#595959;
	font-size:22px;
	font-weight:bold;
}

img.industrialicons{
	width:180px;
	padding-bottom: .5em;
}

.industrial_buttons{
	width:100%;
	text-align:center;
	padding:5em;
	padding-top:0;
}

.industrial_buttons .button{
	display: inline;
	margin: 4em;
}


.this-is-giles{
	background: url(../../images/thisisgiles.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	font-family: 'Archivo Black', sans-serif;
}

.this-is-giles_container{
	padding-top:30em;
	padding-bottom:10em;
}

.this-is-giles_header{
	margin:0 auto;
	color:white;
	font-size: 39px;
}

.this-is-giles_sub-header{
	color: #efe063;
	font-size: 95px;
}


.partners{
	width: 90%;
	margin: 0 auto;
}

.partners-container{
	display:flex;
	margin: 4em;
}

.partners_left{
	width: 45%;
	margin-right: 4em;
}

.partners_heading{
	font-family: 'Archivo Black', sans-serif;
	color:#577769;
	font-size: 39px;
	font-weight: bold;
	padding: 1em;
	padding-bottom: 0.5em;
}

.partners hr{
	max-width:670px;
	width:100%
}

.partners_desc{
  margin: 3em;
  width: 300px;
  font-size: 18px;
}

.partners .button{
	 margin-top: 3em;
}

.partners_right{
	width:55%;
	text-align:center;
}

img.partnersicon{
	width:184px;
	padding:1em;
}



.footer{
	background-color:#315a48;
	color:white;
	font-size: 14px;
}
.footer__inner{
	padding: 2em;
}
.footer a{
	color:white;
}
.footer a:visited{
	color:white;
}


			@media screen and (max-width: 1390px) {
				.icon_boxes{
					margin:2em;
					width: 270px;
				}
				.instrustial-container {
			    padding: 0em;
			    display: block;
				}
				.industrial_right {
    			width: 100%;
				}
				.industrial_left {
			    width: 100%;
			    text-align: center;
			    padding-top: 4em;
				}
				img.industrial {
					width:600px;
					text-align:center;
				}
				.industrial-parks hr {
			    width: 100%;
			    max-width: 100%;
				}
		}

				@media screen and (max-width: 1200px){
					.location_desc{
						margin-left: 1em;
						margin-right: 1em;
					}
					.giles_desc {
						width:100%;
					}
					.watch-now_container {
	    				padding: 8em;
	    				width: 100%;
					}
					.watch-now_heading{
						width:100%;
					}
					img.gileslogo{
						margin:2em;
						margin-top:2em;
					}
					.industrial_buttons .button{
						margin:2em;
					}

					.industrial_icon-boxes {
						width: 175px;
						text-align: center;
						margin: 1em;
						color: #595959;
						font-size: 18px;
					}
					img.industrialicons {
						width: 132px;
					}
					.ut_header {
						bottom: 33px;
						max-width: 50%;
						top: auto;
						right: 25px;
						filter: drop-shadow(0 0 0.75rem black);
					}
					img.utsouthern {
						display:none;
					}
					img.utsouthern2 {
						width:100%;
						max-width: 445px;
						display:block;
					}
					.ut_header-text {
						color: white;
					}
			}

				@media screen and (max-width: 1023px) {
					.location_container{
						display:block;
					}
					.location_left{
						width:100%;
					}
					img.gilesmap {
    				width: 100%;
					}
					.location_right{
						width:100%;
					}
					img.worker {
    				max-width: 100%;
    				width: 100%;
						box-shadow: none;
					}
					.location_desc {
    				max-width: 100%;
					}
					img.icon {
				    height: 150px;
					}
					.partners-container {
    				display: block;
					}
					.partners_left {
	    			width: 100%;
						margin-right: 0em;
					}
					.partners_desc{
						width:100%
					}
					.partners_right {
    				width: 100%;
					}
					.industrial_buttons .button {
				    display: block;
				    margin: 1em auto;
				    width: 100%;
					}
					.vl {
				    border-left: 2px solid white;
						height: 250px;
					}


					.downtown-livability{
						display:block;
						height:1975px;
					}

					.downtown_left {
    				width: 100%;
						height: 855px;
					}
					.downtown_right {
    				width: 30%;
						margin:0 auto;
					}
					.downtown_container-festival {
    				top: 165px;
						right: 19%;
					}
					.downtown_container-ribboncutting {
					  top: 35em;
						right: inherit;
						left: 16%;
					}
					.downtown_container-distillery {
    				right: -57%;
						left:inherit;
					}
						.downtown_container-lake {
						 top: 23em;
						 left: -66%;
					}
					.downtown_container-events {
						top: 45.5em;
						left: inherit;
						right: -57%;
					}

			}

				@media screen and (max-width:825px){
					.downtown_title {
						font-size: 32px;
						padding: 0.5em;
					}
					.industrial_heading {
					padding-top: 0;
					}
				}

					@media screen and (max-width:767px) {
						.giles_desc{
							font-size: 30px;
						}
						img.partnersicon {
						width: 138px;
					}

					.ut_header-text {
						font-size: 5vw;
					}
				}

					@media screen and (max-width:675px) {
						.industrial_icon_boxes-container {
  						flex-wrap: wrap;
							}
							img.industrial {
    						width: 100%;
							}

						}


					@media screen and (max-width:626px) {
						.this-is-giles_sub-header{
							font-size: 50px;
						}
						.this-is-giles_container {
					    padding-top: 3em;
					    padding-bottom: 6em;
						}
						.this-is-giles_header {
							color: #063263;
						}
						.watch-now_container {
	    				padding: 2em;
						}
						.watch-now_desc {
   						font-size: 46px;
						}
						.location {
							margin: 2em;
						}
						.location_desc {
	    				margin: 0em;
							margin-top: 2em;
						}
						.vl {
					    border-left: 2px solid white;
							height: 250px;
						}

						img.industrial{
							padding-left:0;
							padding-right:0;

							}

						.downtown_desc {
								font-size: 18px;
								padding-right: 1em;
						}

						.downtown-livability{
							height: auto;
							margin-bottom: 1.5em;
						}
						img.festival,
						img.ribboncutting,
						img.distillery,
						img.lake,
						img.events{
							width:100%;
							padding-top: 1.5em;
							box-shadow: 0px 43px #f3e98e;
						}

						.downtown_left{
							height:auto;
						}
						.downtown_right {
    					width: 100%;
							height:auto;
							position: inherit;
						}
						.downtown_container-festival,
						.downtown_container-ribboncutting,
						.downtown_container-distillery,
						.downtown_container-lake,
						.downtown_container-events
						{
							position: inherit;
						}
					}

					@media screen and (max-width:570px){
						.page-headers__image {
							height: 100px;
							width: auto;
						}
					}

			@media screen and (max-width:490px){
				img.gileslogo {
    		margin: 1em;
				width:90%;
			}
			.ut_header {
				bottom: 33px;
				max-width: 100%;
				top: 41%;
				right: 0;
				padding-top:2em;
			}
		}
			@media screen and (max-width:409px){
			.downtown_desc {
					font-size: 18px;
			}
			.partners_desc {
				margin:0;
				margin-top:1em;
			}
			.vl {
			padding-bottom: 20em;
			}
			.explore_title {
    	font-size: 33px;
			}
		}