/* 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;
	color:#014e78;}
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: 'cgbold';
     src: url('fonts/cgbold.eot') format('embedded-opentype'),
          url('fonts/cgbold.woff') format('woff'),
          url('fonts/cgbold.ttf') format('truetype'),
          url('fonts/cgbold.svg#vtype') format('svg');
	 		 }	 

@font-face { font-family: 'opt'; src: url(fonts/centgoth.woff); } 

 
 html,body{
		height:100%;
		color:white;
}

body {
	margin: 0 auto;
	font-family: 'opt';
	font-size:small;
	padding: 0;
	text-align: left;
  	text-decoration: none;
  	text-decoration: none;
	background-attachment: fixed;
	color:white;	
}

a:link { color:white;  
}

a:visited { color:white;
    text-decoration: none;
}


.grey{color:white;}

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

.grey a:link { color:white;
}

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

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


a:hover { color:black;
    text-decoration: none;
}

a:active { color:black;
    text-decoration: none;
}

.container1{height:100%;
}
		
.grey2{
	padding-bottom:10px;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row;	
	justify-content:center;
	width:75%;
}		

.grey3{
	padding-bottom:10px;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row;	
	justify-content:center;
	width:75%;
	color:white;
}		
		
.header {
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row;	
	justify-content:center;
	margin-top:1%;
	height:80%;
	border-bottom: 6px solid black;
}

.header img{max-height:100%;
}

.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: 'cgbold';
	margin-top:1%;
}

.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: 'cgbold';
	
}

.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;
}

.box {
	width:100%;
	display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content:center;
		font-family: 'opt';
		color: #000;
		line-height:1.5em;	
		letter-spacing: .15em;
		 -webkit-align-items: center;
}

.box2 {
	width:100%;
	display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content:space-around;
		font-family: 'opt';
		color: #000;
		line-height:1.5em;	
		letter-spacing: .15em;
		 -webkit-align-items: center;
}

.box img{ max-height:600px;
	max-width:80%;
object-fit:scale-down;}

.box2 img{ max-height:600px;
	max-width:80%;
object-fit:scale-down;}

.slidebg{
      z-index:-1;
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
}



.slidebg img{height:100%; opacity:.55;}


.text{
	height:100%;
	width:40%;
	margin-left:3%;
	text-align:left;
	justify-content:center;
}

.introtext{
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
  justify-content: center;
  align-items: center;
  text-align:left;
  height:50%;
  width:60%;
	
}
	


.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:2rem;
	margin-left:10%;
	
}

.spacer{margin:10px;}

.blinking{
    animation:blinkingText 1s infinite;
	
}
@keyframes blinkingText{
    0%{     background-color: red;    }
    49%{    background-color: transparent; }
    50%{    background-color: transparent; }
    99%{    background-color:transparent;  }
    100%{   background-color: red;   }
}

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

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

/* 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{
	color:black;
}

/* 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: black;
}

/* Menu item background for hover on all pages */		
#menu li:hover{
	color:black;
}
#menu li a,
#menu li.active a{
padding: 6px 10px; 
	display:block;
	color:white;
	
}
#menu li.active a{
	;
}
#menu{
	position:fixed;
	left:0;
	height: 80%;
	margin-top:10%;
	margin-bottom:10%;
	z-index: 70;
	width: 15%;
	padding: 0;
	margin:0;
	font-size:1em;
	margin-top:1%;
	line-height: 2vw;
	font-size:1.5vw;
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column wrap;	
	justify-content:space-around;
    align-content: stretch;
}

* { box-sizing: border-box; }



.picgrid {
	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%;
	
}

.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%;}


.picgrid img{ width:200px; height:auto; margin:0; padding:0; display:block;}

.picgrid a:visited{height:400px;}

.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';
}

.capt{padding-top:10px;
	margin:2%;}
	
/* 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;
}

@media only screen and (max-width: 750px) {
body {
	font-size:.75em;
}

#menu li {
		display:inline-block;
		margin:0;
		padding:0;
		font-size:100%;
}

#menu li.active a{
padding:1; 
	display:block;
	color:black;
	
}

#menu{
	position:fixed;
	height: 5%;
	z-index: 70;
	width: 100%;
	margin-top:0;
	padding:0;
	font-size:4vw;
	line-height:.5em;
	font-family:'opt';
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;	
	justify-content:center;
    align-content: stretch;
}





#head{
	position:fixed;
	display:block;
	width: 100%;
	z-index:10;
	text-align:center;
	height:5%;
	padding-bottom:10%;
}
.header {height:80%; margin-top:17%;}
.header img{height:225px; width:auto;}	

.subheader{width:100%;
	font-size:3.5em;
}
	
.slide{margin-top:5%
	margin-left:10%;
}	


.box {
		display:-webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content:center;
		font-family: 'opt';
		color: #000;
		line-height:1.5em;	
		letter-spacing: .15em; 
	}
		
	.section{
		text-align:center;
		margin-left:0%;
	}
	

.slidebg{
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content:center;
      z-index:-1;
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
  }

.slidebg img{height:50%; opacity:30%;}

.picgrid {
	margin-top:0%;
	
	line-height:0em;
	height:100%;
	width:80%; margin-left:10%; margin-right: 10%;
	
}

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


.picgrid img{padding:0; display:block;}

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

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

.t2t{
	border: 4px solid #d31d1d;
	width:100%;
	background: #d3ae53;
	margin:0;
	margin-top:2%;
	
}
.introtext{
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  height:75%;
  width:90%;
	
}

.section{
	text-align:center;
	width:100%;
	margin-left:0;
	margin-right:0;} 
	

	.fp-controlArrow.fp-prev {
	    left: 15px;
	    width: 0;
		margin-top:55%;
	    border-width: 38.5px 34px 38.5px 0;
	    border-color: transparent #fff transparent transparent;
	}
	.fp-controlArrow.fp-next {
	    right: 15px;
		margin-top:55%;
	    border-width: 38.5px 0 38.5px 34px;
	    border-color: transparent transparent transparent #fff;
	}

/*.box2 img{ height:auto;
width:100px;
}
/*@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;
} */

}