@charset "UTF-8";
body {background-color:#FFFFFF;
}
p {color: #000000;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
header { background-image: url(images/Hollaback_guide_service_background.png);
		background-position:center ;
		background-repeat: no-repeat ;
		background-size: cover ;
        color: #FFFFFF;
		padding-top:225px ;
		padding-bottom: 75px ;
		border-top-left-radius: 25px ;
		border-top-right-radius: 25px ;
}
#wrapper {
	background-color: #5e5150;
	color: #290707;
	width: 85%;
	margin: auto;
	box-shadow: 6px 6px 14px 6px #9A9898;
	border-radius: 25px;
}
 h2 {padding: 15px;
 	 font-weight: bold;
	 text-align:center ;
	 color: rgba(36,17,17,1.00) ;
 }
 h3 {color:rgba(101,70,71,1.00) ;
 text-align: center ;
 }
header span { font-weight: bold;
			  color: #000000;
			  padding-right: 15px;
			  text-align: right;
		      display: block; 
}
a {text-decoration:none
}
/* unvisited link */
a:link {
    color: #5E1011;
}
/* visited link */
a:visited {
    color: #000000;
}
/* mouse over link */
a:hover {
    color: #000000;
}
/* selected link */
a:active {
    color: #443635;
}
nav {float: left ;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold ; 
}
nav a {text-decoration: none ;
display:block ;
margin: 10px ;
text-align:center ;
background-color:#FFFFFF ;
border: 3px solid #000000;
border-radius: 5px ;
box-shadow: 3px 3px 3px #000000 ;
padding: 10px ;
}
#facebook {margin-left: 50px ;
align-content: center ;
padding-left: 10px ;
margin: 10px ;
}
main { background-color: #ffffff;
           color: #FFFFFF;
		   padding: 10px 10px;
		   margin-left: 20px;
	       overflow: auto;
		   border:#000000 inset ; 
} 
h1 {color:rgba(0,0,0,1.00) ;
font-size: 44px ;
text-align: center ;
text-shadow: 2px 2px 2px #5b4e4b ;
}
h2 {
	color: #000000;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin: 5px;
	font-style: normal;
	font-weight: 400;
}

figure {   float: right;
		   margin: 5px;
		   padding-left: 15px;
		   border:double thin #855455 ;
		   
 }
figcaption { text-align: center;
		   font-size: .8em;
		   color:rgba(59,37,38,1.00) ;
}
#contact {text-align: center ;
color: #000000 ;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif ;
}
footer {font-size: 70% ; 
text-align: center ;
padding: 10px ;
border-bottom-right-radius: 15px ;
border-bottom-left-radius: 15px ;
color:#FFFFFF ;
margin-left: 290px ;
}
#search {align-content:center ;
}
iframe {border-style: solid ;
border:medium ;
border-color: rgba(37,32,31,1.00) ;
}
header, main, nav, footer, figure, figcaption { display: block; }
@media only screen and (max-width: 1024px) {
	body { margin: 0; }
	#wrapper { width: auto; }                                                              
	main { margin-left: 0; }
	nav { float: none; 
          width: auto; }
	nav li { display: inline-block; 
               padding: 1.5em; }
	nav ul { text-align: center; }
	nav a { border-style: none; }
	h1, h2 { font-size: 120%; }
	p { font-size: 90%; }
	footer {align-content: center ;
	}
}
@media only screen and (max-width: 768px) {
	h1, h2 { font-size: 100%; }
	span { font-size: 80%; } 
  	figure { display: none;}
 	nav, nav ul, nav li { padding: 0; }
 	nav li { display: block; }
    nav a { display: block; 
      	padding: 0.5em 0; 
        border-bottom: 2px ridge #00005D; }
		footer {align-content: center ; }
}