@charset "utf-8";

/* CSS Document */



html, body {margin: 0; background: #000; font-family: 'Raleway', sans-serif;  scroll-behavior: smooth; text-align: center;}



@media only screen and (max-width: 768px){body {background: #1c1c1c ; margin: 0;}	

		}

h1 {font-size: 3.4em; 	padding:32px 0% 0px 0%; margin: 0;  color: #fff;  font-weight: 600; background: #000;}

	

h2 {font-size: 2em; color: #fff;	padding:2% 5%; font-weight: normal; line-height: 1.6em; letter-spacing: .1em;}

	

h3 {font-size: 1.4em; color: #fff;	padding:0% 5%; 
line-height: 2rem;
font-weight: normal;  letter-spacing: .1em;}


h4 {font-size: .9em; color: #fff;	padding:5%; 
line-height: 2rem;
text-align: right !important;
font-weight: normal;  letter-spacing: .1em;}

	

h5 {padding: 0px 3.2%; color: yellow; font-size: .75em; font-weight: 100; letter-spacing: .15em; font-variant: small-caps;}

	

h6 {padding: 4px 23px; margin:0; color: #eee; font-size: .8em; text-align: right; font-weight: 100; }

	

p {font-size: 1.2em; color: #fff; padding: 4% 5% 0 5%;  text-align: left !important; letter-spacing:.1rem; line-height: 1.8rem;

}

	

	img {max-width: 100%; height: auto; border:0;}

	

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

	p {padding: 0 3.2%;} 	

	}





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

		h1 {font-size: 2.3em; color: #DDE2DE;}	

	    h2 {color: #fff; font-size: 1.4em;}

		p { color: #fff; text-align: center !important;}

		

		}

		


iframe {
	padding: 4px;
border: white 5px solid;
border-radius: 5px;
}


	.line {border-top: 12px solid #600; }

	.sml { font-size: .666em;  padding: 0; color: #aaa; background:transparent; opacity: .4; margin: 4px 0 0 0; letter-spacing: 0.05em;}

  .white {color: #fff;}



   .red {color: orangered; }


  

  button {padding: 8px; margin: 0; font-size: 1em; color: #bbb; border: 1px solid #444; background: #000;}

button:hover {color: #fff; background: #c00; }




a, a:link, a:active, a:visited, a:hover

{color:plum;  text-decoration: none; border-bottom: 0; padding: 6px 3px; outline:none; }

a:active { color: pink !important; border-top:230px solid black !important; opacity: .8; transition: 3.2s;}

a {outline: none;}

a:hover{color: #fff; border-bottom: 0px;text-decoration: none; border-bottom: 3px solid; letter-spacing: .15rem; transition: 2.3s; }


.blue {color: blue;}

/*	

#ad {height: 50px; width: 100%;  padding: 0; margin:  0 ; position: fixed; z-index:99; opacity: .777;}

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

		#ad {height: 70px;}

		#ad h1 {font-size: 1.4em; color: #eee; padding: 15px 0 0 6%; }

	}





#ad a:link, #ad a:visited {color:#c00;}

#ad a:hover {color:#f00; border: 0;}

*/

#parent {background: black;}

	

		

#intro {background: #fff url(style/map4.png) repeat; padding:60px 0 0 0; margin: 0;}




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

		#intro h1 {font-size: 2em;}



				}

#intro h2, #intro h3, #intro p {color: #ccc; line-height:1.6em;}



#pic {background: white;}

		

	#second {width: 100%; height: auto; float: left; padding: 0; background: black;}

		

	#third{width: 100%; height: auto; float: left; padding:  0; background: black;}