BODY
{
background-color:#999;
overflow-x:hidden;
font-family:Roboto,Arial,sans-serif;
font-size:16px;
color:#444;
}

SECTION
{
margin: 0 auto !important;
width:100% !important;
}

.btn
{
outline:none !important;
}

.bgwhite
{
background-color:#FFF;
}

#heading
{
background-color: #f7f7f7;
height: 50px;
box-sizing: border-box;
padding-top: 5px;
}

#title H1
{
font-family: 'Roboto Condensed',Arial,sans-serif;
text-align: center;
color: #444;
}

#title H1::after
{
content: "";
display: block;
margin: 0 auto;
width: 90%;
padding-top: 20px;
border-bottom: 1px solid black;
}

#title
{
padding-left: 50px;
padding-right: 50px;
}

#foot
{
font-family: 'Roboto',Arial,sans-serif;
color: #CCC;
background-color: #454a4f;
padding-top: 60px;
}

#foot H2
{
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
font-family: 'Roboto Condensed',Arial,sans-serif;
}

#foot .stacked A
{
display: inline-block;
margin-bottom: 4px;
}

#foot A
{
color: #CCC;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0);
}

#foot A:hover, #foot A:focus
{
color: #EEE;
border-bottom: 1px solid #EEE;
}

#foot .beside
{
margin-top: 20px;
border-bottom: 1px solid #CCC;
padding-bottom: 7px;
margin-bottom: 7px;
}

#foot .beside A
{
display: inline-block;
margin-right: 10px;
}

#foot #copyright
{
font-size: 13px;
}

/* SMARTPHONE */
@media only screen and (max-width:767px)
{

	SECTION.container
	{
	overflow:hidden;
	}


}

/* WIDESCREEN */
@media (min-width: 1400px)
{
	.container
	{
	width: 1400px !important;
	}

}