* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body {
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	background-color:#EAF4FF;
	font-family:'Open Sans', sans-serif;
	background-image:url(../images/Stucco-03.gif)
}

header {
	width:100%;
	margin:20px auto 0px auto;
	padding:0px
}

header a { color:#0080FF }

nav {
	width:70%;
	margin:20px auto 20px auto
}

section {
	width:100%;
	height:100%;
	margin:0px auto 0px auto;
	box-shadow:1px 1px 40px #000000;
	background-color:#FFF
}

h1 {
	font-size:4em;
	color:#0080FF;
	text-shadow:1px 1px 1px #343434;
	width:50%;
	padding:0px;
	margin:5px auto -30px auto;
	min-width:300px;
	font-family:'Luckiest Guy', cursive;
	letter-spacing:6.8px
}

h2 {
	margin:10px auto 10px auto;
	padding:0px 0px 0px 0px
}
h3 {
	font-size:15px;
	font-weight:400;
	color:#990000;
	}

nav a {
	margin:2px auto 2px auto;
	text-align:center;
	display:inline-block;
	width:160px;
	height:auto;
	font-size:16px;
	color:#09C;
	text-decoration:none;
	border:1px solid #000000;
	padding:2px 3px 2px 3px;
	background-color:#FFFFFF
}

nav a:hover {
	color:red;
	background-color:#FAFAFA
}

p {
	margin:2px auto 2px auto;
	width:100%;
	font-size:44px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	padding:20px 0px 20px 0px
}

footer {
	width:100%;
	margin:10px auto 10px auto;
	font-size:14px
}

figure {
	width:20%;
	display:inline-block;
	margin:20px 2% 20px 2%;
	min-width:150px;
	padding:0px;
	max-width:250px;
	box-shadow:none
}

figure img {
	width:100%;
	display:inline-block;
	margin:0px auto 0px auto;
	box-shadow:1px 1px 80px #232323
}

figcaption {
	width:100%;
	padding:10px 0px 0px 0px;
	font-size:14px;
}
figcaption a{color:#990000;}
section#foldersIC figure, section#foldersP figure, section#foldersM figure {
	width:30%;
	display:inline-block;
	margin:20px auto 20px auto;
	box-shadow:none;
	padding:0px
}

section#foldersIC figure img, section#foldersP figure img, section#foldersM figure img {
	max-width:200px;
	width:100%;
	display:inline-block;
	margin:0px auto 0px auto;
	box-shadow:none
}

section#foldersIC figure figcaption, section#foldersP figure figcaption, section#foldersMr figure figcaption { width:100% }

figure a:hover { opacity:.9 }
 @media screen and (max-width:1200px) {
	 
	 nav {
	width:98%;
	margin:20px auto 20px auto
}

	 
	 
	 
	 
	 }
	 
	 @media screen and (max-width:480px) {
	 
	 nav {
	width:100%;
	margin:10px auto 10px auto
}

	 nav a {
	
	text-align:center;
	display:inline-block;
	width:160px;
	height:auto;
	font-size:16px;
	color:#09C;
	text-decoration:none;
	border:1px solid #000000;
	padding:2px 3px 2px 3px;
	background-color:#FFFFFF;
	margin:2px auto;
}

	
	 
	 
	 }
	  @media screen and (max-width:380px) {
	 
	 nav {
	width:100%;
	margin:5px auto ;
}

	 nav a {
	
	text-align:center;
	display:inline-block;
	width:140px;
	height:auto;
	font-size:14px;
	color:#09C;
	text-decoration:none;
	border:1px solid #000000;
	padding:2px 3px 2px 3px;
	background-color:#FFFFFF;
	margin:2px auto;
}
figure {
	width:80%;
	display:inline-block;
	margin:10px auto;
	padding:0px;
	
	box-shadow:none
}
section#foldersIC figure, section#foldersP figure, section#foldersM figure {
	width:80%;
	display:inline-block;
	margin:10px auto;
	box-shadow:none;
	padding:0px
}

section#foldersIC figure img, section#foldersP figure img, section#foldersM figure img {
	max-width:100%;
	width:100%;
	display:inline-block;
	margin:0px auto 0px auto;
	box-shadow:none
}
	  }
img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 0px auto;
	 text-align:center;
	 }