@charset "utf-8";
/* CSS Document */
.content-footer {background-color: #0a2d4e; margin-top: 2em; padding-top: 2em;}
.content-footer span {display: inline-block; font-size: .7em; padding-top: .5em; color: silver;}
.foot-nav-cont {display: flex; flex-direction: column; height: auto; margin-bottom: 1em;}
.foot-nav-cont-box {display: flex; flex-direction: row; height: auto; margin-bottom: 1rem; padding: .5rem 0 .4rem; justify-content: space-around; align-items: center; background: #fff;} 
.foot-nav-cont-box-l {width: 40%;}
.foot-nav-cont-box-l img {width: 85%; transition: transform .25s ease-in-out; transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease-in-out; transition-delay: 0s;}
.foot-nav-cont-box-l img:hover {transform: scale(1.08);}
.foot-nav-cont-box-r {width: 55%;}
.foot-nav-cont-box-r h3 {font-size: .6rem; letter-spacing: 1px; font-weight: bold; line-height: 1.8; margin-top: 0; color: #555;}
.foot-nav-cont-box-r a {font-size: .6rem; letter-spacing: 1px; font-weight: bold; color: #00386f;}
.foot-nav-cont-box-r  a:hover {color: #90c317; text-decoration: underline;}

.foot-1 {grid-area: links;}
.foot-2 {grid-area: social;}
.foot-3 {grid-area: info;}

.foot-cont {display: grid; grid-template-columns: 1fr; justify-content: space-evenly; align-items: center; padding: .5rem .2rem 1rem;
				grid-template-areas: "social"
																									"links"
																									"info";
		}

.foot-2 hr {width: 95%; margin: 1em 0 1.5em;}
.foot-1 hr {width: 95%; margin: 1.5em 0 1em;}
.foot-2-cont {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center;}
.foot-2-cont > div {margin: 5px 10px;}
.mr-2 {margin-right: .3rem}

.foot-cont h5 {font-size: .7rem; line-height: 1.6; text-align: justify; color: #fff; margin: 2em 1rem 1em;}
.foot-cont p {font-size: .8rem; line-height: 1.6; text-align: center; color: #fff;}
.foot-cont li {font-size: .8rem; line-height: 1.6; text-align: center; margin-bottom: .5rem; list-style: none; color: #fff;}
.foot-cont a {font-size: .8rem; line-height: 1.6; text-align: center; font-variant: small-caps; color: #fff;}
.foot-cont a:hover {color: #90c317; text-decoration: underline;}
.foot-cont-loc-sm {display: block;}
.foot-cont-loc-lg {display: none;}
.foot-cont-cpy-sm {display: block;}
.foot-cont-cpy-lg {display: none;}

.foot-info-cont {display: flex; flex-direction: row;}
.foot-info-box-1 {flex: 40%;}	
.foot-info-box-2 {flex: 60%;}

@media only screen and (min-width: 400px) {
		.foot-nav-cont-box {padding: .8rem 0 .6rem;}
		.foot-nav-cont-box-l img {width: 90%;}
		.foot-nav-cont-box-r h3 {font-size: .75rem;}
		.foot-nav-cont-box-r a {font-size: .75rem;}

		.foot-cont {padding: 1rem .5rem;}
		.foot-cont-loc-sm {display: block;}
		.foot-cont-loc-lg {display: none;}
		.foot-cont-cpy-sm {display: none;}
		.foot-cont-cpy-lg {display: block;}
		.foot-2 hr {width: 80%; margin: 1.2rem 0 1.7rem;}
		.foot-1 hr {width: 80%; margin: 1.7rem 0 .7rem;}
}

@media only screen and (min-width: 500px) {
		.content-footer {margin-top: 2em; padding-top: 1em;}
		.foot-nav-cont {flex-flow: row wrap; justify-content: space-evenly; align-items: center; margin-bottom: 1em;}
		.foot-nav-cont-box {flex-direction: column; flex: 0 1 28%; padding: 1% 0; margin: 1em 0 1.5em; justify-content: center;} 
		.foot-nav-cont-box-l {width: 100%;}
		.foot-nav-cont-box-l img {width: 85%;}
		.foot-nav-cont-box-r {width: 100%;}
		.foot-nav-cont-box-r h3 {font-size: .5rem; letter-spacing: 1px; margin: 5px 0;}
		.foot-nav-cont-box-r a {font-size: .5rem; letter-spacing: 1px;}						

		.foot-cont {padding: 1rem .5rem;}
		.foot-cont-loc-sm {display: none;}
		.foot-cont-loc-lg {display: block;}
		.foot-2 hr {width: 80%; margin: 1.5rem 0;}
		.foot-2-cont > div {margin: 0 5px;}
		.mr-2 {margin-right: .2rem}
}

@media only screen and (min-width: 800px) {
		.content-footer {margin-top: 3em; padding-top: 1em;}
		.foot-nav-cont-box {flex: 0 1 25%; padding: 1% 0; margin: 1em 1em 1.5em;} 
		.foot-nav-cont-box-r h3 {font-size: .65rem;}
		.foot-nav-cont-box-r a {font-size: .65rem;}		

		.foot-cont {grid-template-columns: 35% 60%; padding: .5rem 0 1rem; justify-content: space-evenly; align-items: center;
																			grid-template-areas: "links social"
																																								"links info";
		}

		.foot-2 hr {width: 60%; margin: .5rem 0;}
		.foot-1 hr {display: none;}
		.foot-2-cont > div {margin: 5px 25px;}
		.mr-2 {margin-right: .7rem}
		.foot-cont p {font-size: .6rem; line-height: 1.4; letter-spacing: 2px; padding: .3rem 0; margin: 0;}
		.foot-cont li {font-size: .8rem; line-height: 1.6; margin-bottom: .8rem;}
		.foot-cont a {font-size: .8rem; line-height: 1.6;}

		.foot-info-cont {display: flex; flex-direction: row;}
		.foot-info-box-1 {flex: 42%;}	
		.foot-info-box-2 {flex: 58%;}
}

@media only screen and (min-width: 1000px) {
		.content-footer {margin-top: 4em; padding-top: 0;}
		.foot-nav-cont {margin-bottom: 1.5em;}
		.foot-nav-cont-box {flex: 0 1 22%; padding: 1% 0; margin: 2em 2em 1em;} 
		.foot-nav-cont-box-r h3 {font-size: .6rem; line-height: 1.5; margin-bottom: 0;}
		.foot-nav-cont-box-r a {font-size: .6rem;}						

		.foot-2 hr {width: 60%; margin: 1rem 0;}
		.foot-2-cont > div {margin: 0 5px;}
		.mr-2 {margin-right: .5rem}
		.foot-cont {grid-template-columns: 36% 60%; padding: 1rem 0;}
		.foot-cont p {font-size: .7rem;}

}

@media only screen and (min-width: 1280px) {
		.content-footer {margin-top: 4.5em; padding-top: 2em;}
		.foot-nav-cont {margin-bottom: 2em;}
		.foot-nav-cont-box {flex: 0 1 15%; padding: 1% 0; margin: 0;} 
		.foot-nav-cont-box-r h3 {font-size: .65rem;}
		.foot-nav-cont-box-r a {font-size: .65rem;}			

		.foot-cont {grid-template-columns: 35% 65%; padding: 1rem 0;}
		.foot-cont p {font-size: .75rem;}
		.foot-cont a {line-height: 1.8;}
}

@media only screen and (min-width: 1400px) {
		.foot-nav-cont-box {flex: 0 1 15%; padding: } 
		.foot-nav-cont-box-l img {width: 90%;}
		.foot-nav-cont-box-r h3 {font-size: .7rem;}

		.foot-2 hr {width: 70%; margin: 1.2rem 0 .8rem;}
		.foot-cont p {font-size: .8rem;}
		.foot-cont li {margin-bottom: .6rem;}
}

@media only screen and (min-width: 1800px) {
		.content-footer {margin-top: 8em; padding-top: 3em;}
		.content-footer span {display: inline-block; font-size: .8em; padding-top: .5em; color: silver;}
		.foot-nav-cont {margin-bottom: 4em;}
		.foot-nav-cont-box {flex: 0 1 13%; padding: .7% 0 .9%;} 
		.foot-nav-cont-box-l img {width: 85%;}
		.foot-nav-cont-box-r h3 {font-size: .75rem; margin-bottom: 5px;}						
		.foot-nav-cont-box-r a {font-size: .75rem;}

		.foot-2-cont > div {margin: 0 20px;}
		.foot-2 hr {width: 60%; margin: 1.4rem 0 .8rem;}
		.foot-cont p {font-size: .8rem;}
		.foot-cont li {margin-bottom: .6rem;}
}

		@media only screen and (min-width: 2200px) {
				.foot-nav-cont-box {flex: 0 1 13%; padding: .5% 0;}
				.foot-nav-cont-box-r h3 {font-size: 1rem;}
				.foot-nav-cont-box-r a {font-size: 1rem;}
		}