@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200);


.menu {margin-top:-15px;
margin-left: -0px;
text-align: center;
}

li:first-child {
    margin-bottom: 15px;
}

.category li:first-child{
    margin-bottom: 0px;
}



.social-links {
  display:none;
}

body {
    height: 100%;
    overflow: auto;
}

h2 .one{
  font-size: 60px;
  letter-spacing: 2px;
  font-weight: 200;
  font-family: 'Raleway', sans-serif;
  color:#b4262e;
}

a:hover .two{
 color:#999999;
}

#content .text {
  	max-width: 100%;
    margin-bottom: -10px;
		clear: both;
		}

		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0.5em 0;}
		#content h1:first-child, #content h2:first-child, #content h3:first-child, #content h4:first-child, #content h5:first-child, #content h6:first-child { margin-top: 0; line-height: 1; }

		#content input,
		#content textarea {
			outline: none;
			border: none;
			background: white;
			border: 2px #a2a2a2 solid;
			padding: 0.5em;
			margin: 0.5em 0;
			max-width: 100%;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			appearance: none;

			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}

		#content button,
		#content input[type="submit"] {
			background: transparent;
			border: 2px #555555 solid;
			padding: 0.8em 1em 0.6em;
			font-family: karla, sans-serif;
			}
      
	#content .caption {
			/* portrait captions have their width limited to image width in the html.
			   this helps solve issues for captions with backgrounds when images
			   don't span the full width */
			margin-top: 10px;
      margin-bottom: -10px;
			background: #ffffff;
      color: #222222;
      font-family: karla, sans-serif;
      font-size: 14px;
			overflow: hidden;
			z-index: 5;

			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}

			#content .caption-wrap {
        margin-top: 30px;
				max-width: 100%;
				}