@-ms-viewport {
  width: device-width; }
body {
  -ms-overflow-style: scrollbar; }

@media screen and (max-width: 480px) {
  html, body {
    min-width: 320px; } }

body {font-family:"Helvetica", "Arial", sans-serif; font-weight:500; font-size:13px; line-height:18px ; letter-spacing:0.02em; color:#fff; margin:0; background:#000;      }

.hidden {height:0; width:0; overflow:hidden; position:absolute;}
.textonly {display:none;}
.imagesandtext {display:none;}

.paperTop {position:relative; margin:0px; z-index:3; top:0px; padding:30px 0 0 0 ; height:auto; background-color:#0066cc;  }
 

.break {width:100%; margin:10px 0; padding:0 ; height:3px; background-color:#0066cc;  }

.bigbreak {width:100%; margin:10px 0; padding:0 ; height:20px;    }
				
	
.ring img {opacity:1; width:150px      }
.ring img:hover {opacity:.3; width:150px} 		
				
		
.icon img {opacity:1; width:50px; padding:5px; float:right;  }
.icon img:hover {opacity:.5; } 			
				
.icon2 img {opacity:1; width:70px; padding:5px; float:right;  }
.icon2 img:hover {opacity:.5; } 			
				

	@media only screen and (max-width:700px) {	
		.icon img {width:30px; 	}
		.icon2 img {width:70px; 	}
			}
				
		
				
.purchase {  position: fixed;  bottom:20px; right: 20px;  width: 100px;   }

		
.squares {  height:420px; width:350px; padding:20px; margin-left:5px; margin-right:2px; margin-top:0px; margin-bottom:5px;  color:#FFF; float:left; font-size:18px; line-height:23px; font-family: 'Courier New', monospace; }
.squares img {padding-left:0px; padding-right:0px; padding-top:0px; margin:0px; width:100%; opacity:1; }
.squares img:hover {opacity:.5;  }
			
	@media only screen and (max-width:1200px) {	
		.squares { width:40%; float:left;  } 	}
	
	@media only screen and (max-width:700px) {	
		.squares { width:80%; padding:50px; float:left; height:auto  } 	}
		
		

.btn {background:#000; padding:10px; margin:auto; text-decoration:none;   color:#fff; border:solid 1px #fff;  text-align:center; width:80%}
.btn a {text-decoration:none; color:#ffffff;}
.btn:hover {color:#ffffff; background:darkred; text-decoration:none;}
				
.btn2 {background:#000; padding:10px; margin:auto; text-decoration:none;   color:#fff; border:solid 1px #fff;  text-align:center; width:200px; float:right}
.btn2 a {text-decoration:none; color:#ffffff;}
.btn2:hover {color:#ffffff; background:darkred; text-decoration:none;}
				
					
.btn3 {background:#FFF; padding:10px; margin:auto; text-decoration:none;   color:#000; border:solid 1px #FF0000;  text-align:center; width:300px; }
.btn3 a {text-decoration:none; color:#000;}
.btn3:hover {color:#ffffff; background:darkred; text-decoration:none;}
				
.papertopintro {margin-top:80px; background-color:#000 ;  }

.papertop {margin-top:80px; background-color:#0066cc ; padding-top:100px }
.innerspace {width:100%; max-width:1200px; margin:auto; padding:30px 0px 0px 0px ;  background-color: hsla(000, 0%, 0%, 0.9); /* 50% transparent green */  	 }

/* Parallax */

.intro {width:100%; height:auto}

.parallax1 {background-image:url(../images/curtains2.jpg);
 background-attachment:fixed;   background-repeat:no-repeat; background-size:cover;  height:auto; margin:0px; top:0;  width:100%; min-height:900px}

.parallax3 {background-image:url(../images/newcurtainfade.png);
 background-attachment:fixed; background-position:center; background-repeat:repeat; background-size:cover; height:auto; margin:0px; top:0; width:100%; min-height:500px}

.parallax5 {background-image:url(../images/chevron.jpg);
 background-attachment:fixed; background-position:center; background-repeat:repeat; background-size:cover; height:auto; margin:0px; top:0; width:100%; min-height:500px}

				
.contentchev {background-image:url(../images/chevron-new.jpg);  background-attachment:fixed; background-position:center; background-repeat:repeat; background-size:contain; height:auto; margin:0px; top:0; width:100%; height:auto}

.contentred {background-image:url(../images/curtains2.jpg); background-color:#000;  background-attachment:fixed; background-position:center; background-repeat:repeat; background-size:cover; height:auto; margin:0px; top:0; width:100%; height:auto}

.contentblack { background-color:#000;  background-attachment:fixed; background-position:center; background-repeat:repeat; background-size:cover; height:auto; margin:0px; top:0; width:100%; height:auto}

	@media only screen and (max-width:700px) {	
		
		
.intro {background-color:#000);  height:0 ; display: none;}
			
.parallax1 {background-color:#000);  height:0 ; display: none;}

.parallax3 {background-color:#000);  height:0 ; display: none;}

.parallax5 {background-color:#000);  background-image:none; height:auto; margin:0px; top:0; width:100%;  }
	
.content {background-image:none;  height:auto; margin:0px; top:0; width:100%; }

	}

/* quick clear */

div.clear {clear:both; margin:0; border:0; padding:0;} 
		
		
.outercircle { 	max-width:82px; margin:auto }
.circled {  height: 40px;  width: 40px;     border-radius: 50%;  display: inline-block; padding:20px; border:solid 2px #FFF;   text-align:center;  margin:auto}
.circled:hover{    background-color:black; border:solid 2px #FFF;}		


.title   {max-width:600px; width:100%; padding:20px; margin:auto}

@media only screen and (max-width:600px) {
		.title  { width:80%;  }}

		
.arrow {  border: solid white;  border-width: 0 8px 8px 0;  display: inline-block;  padding: 8px;}
.arrowdown {   -webkit-transform: rotate(45deg); transform: rotate(45deg);}
		
 
.arrow-right-circle {color:#e2433b}	
.arrow-right-circle :hover{color:darkred}	

				
h1 { text-shadow: -1px 0 greenyellow, 0 1px greenyellow, 1px 0 greenyellow, 0 -2px greenyellow;   font-family:Geneva, Verdana, sans-serif; color:darkred; font-size:80px; line-height:50px; font-weight:normal;  font-variant-caps: all-small-caps; text-align:center; }		
h2 {color:#FFF;  padding:21px 80px 5px 80px; font-size:36px; line-height:32px; font-weight:400;  text-align:center; font-family: 'Courier New', monospace; border:1px solid white; padding:40px; margin:50px}
h3 {color:#FFF;  padding:21px  80px 5px  80px; font-size:30px; line-height:35px; font-weight:100;  font-family:Geneva, Verdana, sans-serif;}
h4 {color:#FFF;  padding:21px  80px 5px  80px; font-size:24px; line-height:28px; font-weight:100; text-align:center;   font-family: 'Courier New', monospace; }


p  {color:#FFF;  padding:21px  80px 5px  80px; font-size:18px; line-height:35px; font-family:Geneva, Verdana, sans-serif;}
			
	
a:link {text-decoration:none; color:steelblue; font-weight:bold}
a:visited {text-decoration:none; color:steelblue;}
a:hover {text-decoration:none; color:limegreen;}
a:active {text-decoration:none; color:red}

	@media screen and (max-width:600px)  {
	h1 {font-size:44px; line-height:35px; font-weight:normal; font-weight:100;    }
	h2 {font-size:18px; line-height:21px; font-weight:600; font-weight:bold;}
	h3 {font-size:18px;  line-height:22px; font-weight:100;}

		p {font-size:13px; padding:15px 25px 15px 25px;   line-height:28px;}  }