@import url('http://fonts.googleapis.com/css?family=Oswald');

@media (min-width: 600px) {

body {
margin-top: 75px;
background: #D8AD76;
color: #222;
}

html {
	font-size: 100%;
}

#container {
font-family: 'Oswald', Arial, sans-serif;
margin: 0 auto;
padding: 50px 60px;
background: #F4F4F4;
width: 980px;
border: 1px solid #832D0A;
font-size: 25px;
box-shadow: 1px 1px 20px 5px #832D0A;
text-shadow: 0 1px 0 white;
-moz-border-radius: 10px;
border-radius: 10px;
}

h1 {
font-family: 'Oswald', Arial, sans-serif;
font-size: 55px;
font-weight: 600;
font-siz: 1.2142857rem;
color: #ff5400;
padding: 0px 0px 9px 0px;
margin: 0 0 30px 0;
text-transfor: uppercase;
}

h2 {
font-family: 'Oswald', Arial, sans-serif;
font-size: 40px;
font-siz: 1.2142857rem;
color: #222;
font-weight: 400;
padding: 0px 0px 9px 0px;
margin: 0 0 30px 0;
text-transfor: uppercase;
}

p {
margi         : 5px 0px 13px 0px;
}

.buttom {
margin: 70px 0 -10px 0;
font-size: 18px;
color: #555;
border-top: 4px double #777;
padding-top: 10px;
}

.buttom a {
color: #555;
text-decoration: none;
border-bottom: 1px solid #222; 
}

a {
color: #222;
text-decoration: none;
border-bottom: 1px solid #222; 
}

a:hover {
color: #ff5400;
text-decoration: none;
border-top: 1px solid #ff5400;
border-bottom: 1px solid #ff5400; 
}
}

/*------------------------ @media (max-width: 600px) Reduce font-sizes for better readability on smaller devices ------------------------*/

@media (max-width: 600px) {
   body, input, textarea {
   font-family: 'Oswald', Arial, sans-serif;
   font-size: 17px;
   font-size: 1.0625rem;
   line-height: 1.8rem;
   word-wrap:break-word;
   margin-top: 0 !important;
   padding-top: 0 !important;
   }
   
   img {
   max-width: 100%;
   height: auto;
   }
   
   h1, h2, h3 {
   font-size: 22px;
   font-size: 1.375rem;
   font-weight: 600;
   color: #ff5400;
   padding: 0px 0px 9px 0px;
   margin: 0 0 30px 0;
   }
}