/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	margin:0;
	padding:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
		font-family: 'prop';
        src: url('fonts/propaganda-webfont.eot') format('embedded-opentype'),
             url('fonts/propaganda-webfont.woff') format('woff'),
             url('fonts/propaganda-webfont.ttf') format('truetype'),
             url('fonts/propaganda-webfont.svg#vtype') format('svg');
		 }
			 
@font-face {			 	 
	font-family: 'atak';
      src: url('fonts/atak47-webfont.eot') format('embedded-opentype'),
           url('fonts/atak47-webfont.woff') format('woff'),
           url('fonts/atak47-webfont.ttf') format('truetype'),
           url('fonts/atak47-webfont.svg#vtype') format('svg');	 
	 } 

@font-face { font-family: 'opt'; 
		src: url('fonts/centgoth.eot') format('embedded-opentype')
			 url('fonts/centgoth.woff') format('woff'),
			 url('fonts/centgoth.ttf') format('truetype'),
			 url('fonts/centgoth.svg#vtype') format('svg')
			 url('fonts/centgoth.ttf') format('truetype');
	} 


	@font-face { font-family: 'fgh'; 
			src: url('fonts/fgh.eot') format('embedded-opentype')
				 url('fonts/fgh.woff') format('woff'),
				 url('fonts/fgh.ttf') format('truetype'),
				 url('fonts/fgh.svg#vtype') format('svg')
				 url('fonts/fgh.ttf') format('truetype');
		} 
 
	@font-face { font-family: 'fgs'; 
			src: url('fonts/fgs.eot') format('embedded-opentype')
				 url('fonts/fgs.woff') format('woff'),
				 url('fonts/fgs.ttf') format('truetype'),
				 url('fonts/fgs.svg#vtype') format('svg')
				 url('fonts/fgs.ttf') format('truetype');
		}  
 
 html,body{
		height:100%;
}

body {
	margin: 0 auto;
	font-family: 'atak', sans-serif;
	font-size:small;
	padding: 0;
	text-align: left;
  	text-decoration: none;
  	text-decoration: none;
	background-attachment: fixed;
	background-color:#014e78;	
	color:white;
}

.head{height:100px;}


a:link { color:#000;  
}

a:visited { color:#000;
    text-decoration: none;
}


.grey{color:#fff;}

.grey a:visited { color: #C0C0C0;
    text-decoration: none;
}

.grey a:link { color:#C0C0C0;
}

.t2t a:visited {
    text-decoration: none;
}

.t2t a:link { text-decoration: none;
}


a:hover { color:#000;
    text-decoration: none;
}

a:active { color:#000;
    text-decoration: none;
}

.container1{height:100%;
}
		
.header {
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row;	
	justify-content:center;
	height:60%;
	border-bottom: 6px solid black;
	color:black;
}

.header img{max-height:90vh;
}


.subheader {
	width:100%;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;	
	justify-content:center;
	text-align: center;
	font-size:6em;
	font-family: 'prop', sans-serif;
	margin-top:1%;
	color:black;
}

.subheader2 {
	width:100%;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;	
	justify-content:center;
	text-align: center;
	font-size: 2em;
	font-family: 'prop', sans-serif;
	color:black;

	
}

.links {
	width:100%;
	text-align: center;
		display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row;
		justify-content:center;
}

.links img{ 
	height:30px;
	padding-right:20px;
	padding-left:20px;
}



.text{
	height:100%;
	width:40%;
	text-align:center;
	display: flex;
	flex-flow: row;
	justify-content:top;
	margin-top:20%;
	
}

/*.text{
	max-height:500px;
	width:50%;
	margin-left:0%;
	margin-top:20%;
	margin-bottom:30%;
	
}*/



.text2{
	height:auto%;
	width:20%;
	text-align:center;
	display: flex;
	flex-flow: column;
	justify-content:center;
	margin-top:2%;
	background-color:blue;
	
}

.t2t{
	border: 5px solid #d31d1d;
	width:50%;
	background: #d3ae53;
	margin-bottom:2%;
	text-align:center;
	justify-content:center;
	line-height:2rem;
	margin-top:1%;
	font-size:1.5rem;
	margin-left:10%;	
}

.capt {
		font-family: 'fgs';
		text-transform: uppercase;
		margin-top:1%;
		font-size:1.5em;
		margin-left:5%;
		margin-right:5%;
}

.capt2 {
		font-family: 'fgs';
		letter-spacing: .15em;
		margin-top:1%;
		margin-left:25%;
		margin-right:25%;
		color:black;
		font-size:2em;
		width:60%;
}

.capt3 {
	font-family: 'fgs';
	line-height:1.5em;	
	letter-spacing: .25em;
	margin-left:2%;
	margin-top:2%;
	font-size:1em;
	text-align:left;
	width:40%;
}

.captpic img{height:100%; width:100%;}

.captpic{
	max-width:80%;
	display: flex;
	flex-flow: column;
	justify-content:center;
}




.spacer{margin:10px;}

.box {width:80%; height:auto; margin-left:15%; margin-right:15%; margin-top:1%;
	display: flex;
	flex-flow: row;
}

.box img{justify-content:center;}


/* scroller CSS
 * --------------------------------------- */

/* Container styles */
.scrolling-text-container {
	font-family: 'fgs';
	line-height:1.5em;	
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-top:1%;
	font-size:1.25em;
    overflow: hidden;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    padding: 8px 0 0 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}


/* Custom CSS
 * --------------------------------------- */

.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
} 

/* Menu item for all pages with no hover */		
#menu li {
		display:inline-block;
		margin-bottom: 4px;
		/*background: rgba(0,0,0, .25);*/
}

/* Menu item background for the current page */	
#menu li.active{
	background:#666;
	background: rgba(0,0,0, .25);
	color: #fff;
}

/* Menu item for other pages NOT on current page */		
#menu li a{
text-decoration:none;

}

/* Menu item for the hover text of current page */	
#menu li.active a:hover{
	color: #000;
}

/* Menu item background for hover on all pages */		
#menu li:hover{
	background: rgba(0,0,0, .1);
}
#menu li a,
#menu li.active a{
padding: 6px 10px; 
	display:block;
	
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	width:100%;
	top:0;
	left:0%;
	height: 5%;
	z-index: 70;
	padding: 0;
	margin:.5em;
	font-size:1.5em;
	text-align: center;
	vertical-align: middle;
}

* { box-sizing: border-box; }


.fp-slide img {max-height:70vh; object-fit: contain;}



.draft {
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;	
	justify-content:center;
    align-content: stretch;
	max-width:85%;
	margin-left:7.5%;
	margin-top:10px;
}

.draft img{width:130px; height:auto; margin-left:10px;  margin-right:10px; padding:0px; display:block; padding:3%;}


.text2{
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	text-align:center;
	align-items: center;
	justify-content: center;
	 align-content: center;
	font-size: .75rem;
	font-family: 'opt';
}

	
/* Style for our header texts
* --------------------------------------- */

.intro p{
	color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

/* Fixed header and footer.
* --------------------------------------- */
#head{
	position:fixed;
	height: 10px;
	display:block;
	width: 100%;
	z-index:10;
	text-align:center;
	padding: 20px 0 0 0;
}

#head{
	top:5px;
}


/* responsive fixes
* --------------------------------------- */

/*@media only screen and (orientation:portrait){*/
@media screen and (orientation:portrait){
body {

#menu {	font-size: 1em;
}

#menu li {
		display:inline-block;
		margin:0;
		padding:0;
		
		/*background: rgba(0,0,0, .25);*/
}

#menu li.active a{
padding:0; 
	display:block;}



#head{
	position:fixed;
	display:block;
	width: 100%;
	z-index:10;
	text-align:center;
	height:5%;
	padding-bottom:10%;
	font-size:1em;}

.header img{width:80%;object-fit: contain}


.subheader{font-size:2em;margin:0;padding:0;
}

.subheader2{width:100%;
	font-size:2em;}

.slide{
	display: flex;
	  justify-content: center;   /* Centers content horizontally */
	  align-items: center;       /* Centers content vertically */
	 height: 70vh;           /* Ensure the container has enough height (e.g., 100% of the viewport) */}	

.fp-slide img {max-width:85%;}


/* .section{          Ensure the container has enough height (e.g., 100% of the viewport) */}


.draft img{width:20vw; height:auto; margin:0; padding:0; display:block;}



.text{width:80%; padding:0;text-align:center;justify-content: center;   /* Centers content horizontally */
	  align-items: center;  }

.t2t{font-size:1em; margin:2%; width:40%;}

.capt{  font-family: 'fgs';
		line-height:1.5em;	
		letter-spacing: .15em;
		text-transform: uppercase;
		margin-top:1%;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		font-size:.75em;}
		
.scrolling-text-container{font-size:.75em;}

.capt2 {
		font-family: 'fgs';
		line-height: 1.5em;	
		letter-spacing: .15em;
		margin-top:1%;
		margin-left:10%;
		margin-right:10%;
		color: black;}
		
.capt3 {
	font-family: 'fgs';
	line-height:1.5em;	
	letter-spacing: .15em;
	text-transform: uppercase;
	margin-top:1%;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:.25em;}

.box {
	width:90%;
	height:auto;
		display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content:center;	
		margin-left:4%;
		margin-right:4%;}

.box img{ width:80%;}
}
}

/*@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape){ 

body {
	font-size:.5em;
}

#menu li {
		display:inline-block;
		margin:0;
		padding:0;
		font-size:.1em;
		background-color:black;
		/*background: rgba(0,0,0, .25);
}

#menu li.active a{
padding:0; 
	display:block;
	
}

#head{
	position:fixed;
	display:block;
	width: 100%;
	z-index:10;
	text-align:center;
}

.header{height:100px;}
.header img{height:50px; width:50px;}	

.subheader{width:100%;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;	
	justify-content:center;
	text-align: center;
	font-size:.5em;
	font-family: 'prop', sans-serif;
	margin-top:1%;
}
	
	
.box {
	width:75%;
		display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content:center;	
		margin-left:12.5%;
		margin-right:12.5%;
		margin-top:17%;
		margin-bottom:25%;
}

.box img{width:200px}

.picgrid {
	margin-top:17%;
	margin-bottom:20%;
	line-height:0em;
	
}

.draft img{width:20vw; height:auto; margin:0; padding:0; display:block;}


.picgrid img{ width:80%; height:auto; margin-left:10%; margin-right: 10%; padding:0; display:block;}

.text{
	height:100%;
	width:80%;
	margin-top:2%;
	text-align:left;
	justify-content:center;
	font-size:.25em;
	
}

/*@media only screen and (max-width: 700px) {
body {
	font-size:1em;
}
		
.box {
	width:90%;
		display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content:center;	
		margin-left:4%;
		margin-right:4%;
		margin-top:8%;
}

.box img{ width:60%;}

.text{
	height:100%;
	width:80%;
	margin-top:2%;
	text-align:left;
	justify-content:center;
} */