@charset "utf-8";
 
 html, body {
 


   

 
background-color: white;
font-family: 'lato', sans-serif;
font-size: 0.8em;



 }
h1 { 

               font-family: 'Lato', sans-serif;
		font-size: 24px;
	        line-height: 29px;
	        letter-spacing: 1px;
		color: #000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
                font-weight: 100;
font-weight: 900;
text-align: right;
	text-transform: uppercase;
}
h2 {

font-family: 'Lato', sans-serif;
		font-size: 18px;
		line-height: 21px;
		letter-spacing: 1px;
margin: 0px 0px 00px 0px;
		padding: 0 0 0 0;
font-weight: 100;

color:gray;
text-align: right;


}
h3 { 
font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
    margin: 0 0 0 0;
		padding: 0 0 0 0;

	text-align: center!important;
	letter-spacing: 0.5em;
}


 A:link {color: #000000; text-decoration: none;} 
A:visited {color: #000000; text-decoration: none;} 
A:hover {color: #000000; text-decoration: underline; }    
#mainbody { 

position: absolute;
                top: 0;
                left: 50%;
                 padding: 1px;

   border: 0px solid white;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
padding: 10px;

 width:60%;
                margin-left: -475px;

background-color: white;

font-family: 'Open Sans', sans-serif;
font-size:15px;
	font-weight: lighter;
}



#halfbox{float: right;


 margin: 10px 24px 10px 10px;
width: 16%; height:75px;

background: white;
color:#000000;
padding:0px;
text-align:justify;

          }

#largebox{float: right;


 margin: 10px 24px 10px 10px;
width: 92%; 

background: white;
color:#000000;
padding: 20px;
text-align:justify;
border-top: 1px solid #EBEBEB; 
          }
#largebox2{float: right;


 margin: 10px 24px 10px 10px;
width: 91%; 

background: silver;
color:#000000;
padding: 20px;
text-align:justify;
border-top: 1px solid #EBEBEB; 
          }
#bottombox{

float:right;
 margin: 10px 24px 10px 10px;
width: 98%; 

background: white;
color:#000000;
padding:0px;
text-align:center;

          }

           #footer{

float:right;
 margin: 10px 24px 10px 10px;
width: 98%; 

background: white;
color:#000000;
padding:0px;
text-align:center;
font-size:0.8em;
letter-spacing: 0.5em;
          }   


#spacer{

float:right;

 margin: 5px 0px 5px 0px;
width: 98%;
border-top: 1px solid #EBEBEB;

color:#EBEBEB;
padding:1px;


}

#navbar {
  width: 100%;

background: Gainsboro;
font-family: 'Lato', sans-serif;
		font-size: 10px;
	
		letter-spacing: 1px;

margin-bottom: 10px;
font-weight: 900;
color: #000000;

text-align:center; 

margin-top: 1px;
padding-top: 1px;
list-style: none;
text-transform: uppercase;
}
#navbar label, #navbar ul, #navbar li {
  display: inline-block;
}

/* [HAMBURGER - HIDDEN ON BIG SCREENS] */
#navbar label, #hamburger {
  display: none;
}
#navbar label {
  color: #000;
  background: Gainsboro;
  font-style: normal;
 color: #000000;
  padding: 10px;
}

/* [MENU ITEMS] */
#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}
#navbar ul li {
  padding: 10px;
  box-sizing: border-box;
}
#navbar ul li a {
  color: #000;
  
}

#imgbox{float: right;


 margin: 10px 10px 10px 10px;
width: 43%; 

background: white;
color:#000000;
padding: 5px;
text-align:justify;
border: 1px solid black; 
          }
#parabox{float: right;


 margin: 10px 10px 10px 10px;
width: 32%; 
height: auto;
background: white;
color:#000000;
padding: 20px;
text-align:justify;
border-top: 1px solid whitesmoke; 
border-bottom: 1px solid whitesmoke;
          }

input {
font-family: 'Lato', sans-serif;    
}
input.button, input.submit {
   border: 1px outset ghostwhite;
   background-color: black;
font-family: 'Lato', sans-serif;
color:white;
font-weight: 900;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
    #mainbody {
        position: absolute;
                top: 0;
                left: 0px;
                 padding: 1px;

   border: 0px solid white;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
padding: 0px;

 width:100%;
 margin-left: 0px;
                

background-color: white;

font-family: 'Open Sans', sans-serif;
font-size:17px;
	font-weight: lighter;
    }
    
h1 { 

               font-family: 'Lato', sans-serif;
		font-size: 20px;
	        line-height: 34px;
	        letter-spacing: 1px;
		color: #000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
                font-weight: 100;
font-weight: 900;
text-align: right;
	text-transform: uppercase;
}
h2 {

font-family: 'Lato', sans-serif;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 1px;
margin: 0px 0px 00px 0px;
		padding: 0 0 0 0;
font-weight: 100;

color:black;
text-align: right;


}
h3 { 
font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: darker;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
    margin: 0 0 0 0;
		padding: 0 0 0 0;

	text-align: center!important;
	letter-spacing: 0.5em;
}
#navbar {


background: Gainsboro;
font-family: 'Lato', sans-serif;
		font-size: 12px;
	
		letter-spacing: 1px;


font-weight: 900;
color: #000000;
text-align:left;
 

text-transform: uppercase;
}
/* [SHOW HAMBURGER] */
  #navbar label {
    display: inline-block;
  }
  
  /* [BREAK DOWN MENU INTO VERTICAL] */
  #navbar ul li {
    display: block;
  }
  #navbar ul li {
    border-top: 1px solid #333;
  }

  /* [SHOW/HIDE MENU ON CHECKBOX CLICK] */
  #navbar ul {
    display: none;
  }
  #navbar input:checked ~ ul {
    display: block;
  }

#halfbox{float: right;


 margin: 0px 0px 0px 0px;
width: 100%; height:75px;

background: white;
color:#000000;
padding:0px;
text-align:justify;

          }

#largebox{float: right;


 margin: 0px 0px 0px 0px;
width: 100%; 

background: white;
color:#000000;
padding: 0px;
text-align:justify;
border-top: 1px solid #EBEBEB; 
          }
#largebox2{float: right;


 margin: 0px 0px 0px 0px;
width: 100%; 

background: silver;
color:#000000;
padding: 0px;
text-align:justify;
border-top: 1px solid #EBEBEB; 
          }
#bottombox{

float:right;
 margin: 0px 0px 0px 0px;
width: 98%; 

background: white;
color:#000000;
padding:0px;
text-align:center;

          }

           #footer{

float:right;
 margin: 0px 0px 0px 0px;
width: 98%; 

background: white;
color:#000000;
padding:0px;
text-align:center;
font-size:0.8em;
letter-spacing: 0.5em;
          }   
#imgbox{float: right;


 margin: 0px 0px 0px 0px;
width: 98%; 

background: white;
color:#000000;
padding: 0px;
text-align:justify;
border: 1px solid black; 
          }
#parabox{float: right;


 margin: 0px 0px 0px 0px;
width: 100%; 
height: auto;
background: white;
color:#000000;
padding: 0px;
text-align:justify;
border-top: 1px solid whitesmoke; 
border-bottom: 1px solid whitesmoke;
          }
input {
font-family: 'Lato', sans-serif;    
}
input.button, input.submit {
   border: 1px outset ghostwhite;
   background-color: black;
font-family: 'Lato', sans-serif;
color:white;
font-weight: 900;
width:100%;
	text-transform: uppercase;
}

}