@charset "UTF-8";

/* Reset */

	html, body, div {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Type */


	body, input, select, textarea {/******************FONT FAMILY***********/
		font-family: "Scope One", serif;
		font-size: 13pt;
		font-weight: 300;
		line-height: 1.65;
	}

		@media screen and (max-width: 1680px) {

			body {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 980px) {

			body {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 736px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 480px) {

			body{
				font-size: 12pt;
			}

		}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: none;
	}

	a {
		color: #d2232a;
	}

		a:hover {
			color: rgba(210, 35, 42, 0.75);
		}
		a img:hover {
			-moz-transition:  0.2s ease-in-out;
			-webkit-transition:  0.2s ease-in-out;
			-ms-transition:  0.2s ease-in-out;		
			opacity: .75;
		}

/* Banner */

	#banner {
		display: -ms-flexbox;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		padding: 8em 0 6em 0;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		background-image: url("../images/banner.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border-top: 0;
		min-height: 100vh;
		height: 100vh !important;
		position: relative;
		text-align: center;
		overflow: hidden;
		opacity: 1;
	}

		#banner .inner {
			-moz-transform: scale(1.0);
			-webkit-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
			-moz-transition: opacity 1s ease, -moz-transform 1s ease;
			-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
			-ms-transition: opacity 1s ease, -ms-transform 1s ease;
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1;/*******************COPY OPACITY***********************/
			position: relative;
			z-index: 2;
		}

		#banner p {
			color: rgba(255, 255, 255, 0.85);
			font-size: 1.50em;/*******************Font size for DSKTP***********************/
		}

		#banner:before {
			-moz-transition: opacity 3s ease;
			-webkit-transition: opacity 3s ease;
			-ms-transition: opacity 3s ease;
			transition: opacity 3s ease;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			display: block;
			background-color: #000;
			height: 100%;
			left: 0;
			opacity: 0.75;/****************GREY BG IMAGE OPACITY*****************/
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		@media screen and (max-width: 980px) {

			#banner {
				font-size: 1em;/****************FONT SIZE for DSKTP*****************/
			}

				#banner br {
					display: none;
				}
				#banner p.an_logo img{
				margin-top: -100px;
				}
				#banner p.icons img {
				margin-top: 10px;
				}

		}

		@media screen and (max-width: 736px) {

			#banner {
				min-height: 0;
				padding: 8em 2em 4em 2em;
			}

				#banner .inner {
					width: 100%;
				}

				#banner p {
					font-size: 1.15em;/****************FONT SIZE for iPAD*****************/
				}
				#banner p.an_logo img{
				margin-top: -50px;
				}
				#banner p.icons img {
				margin-top: 10px;
				}

		}

		@media screen and (max-width: 480px) {

			#banner p {
				font-size: 1em;/****************FONT SIZE for iPHONE*****************/
			}
			
			#banner p.an_logo img{
				margin-top: -50px;
	 		width:275px;/****************LOGO SIZE for iPHONE*****************/
			}
			
			#banner p.icons img {
				margin-top: 10px;
	 			width:25px;/****************ICON SIZE for iPHONE*****************/
			}
			

		}