@charset "windows-1252";

html
{
width: 100%;
}

body {
width:100%;
background-color:#CCCCCC;
font-family: Arial, Verdana, Sans-serif;
font-size: 0.9em;
color: #000000;
}

img
{
max-width:100%;
}

a
{
text-decoration:none;
color:#000;
}

.center
{
text-align: center;
font-size:1.2em;
}

.footer
{
margin-left:auto;
margin-right:auto;
padding:2px;
margin-top:5px;
background: #fff;
text-align: center;
font-size: 0.7em;
font-style: italic;
}

/* General Classes */
.clear
{
clear: both;
}


/* Text Formatting */

h1
{
font-size: 2em;
font-style: normal;
}

h2
{
font-size: 1.5em;
font-weight:normal;
}


i
{
font-style:italic;
letter-spacing: 1px;
}

.content
{
margin-left:auto;
margin-right:auto;
background: #fff;
padding:2px;
text-align: center;
}

.box
{
width:95%;
}


@media (min-width: 600px) 
{

.content
{
text-align: center;
}


.box
{
display:inline-block;
margin-left:auto;
margin-right: auto;
padding:10px;
text-align: center;
}

}

@media (min-width: 734px) 
{

.content
{
margin-top:50px;
width:90%;
}

.footer
{
width:90%;
}
.box
{
padding:10px;
width:44%;
}

}

@media (min-width: 1365px) 
{

.content
{
width:80%;
}

.footer
{
width:80%;
}

.box
{
/*float:left;*/
width:44%;
padding:2%;
}


}