*	{
	margin: 0px;
	padding: 0px;
	}
body	{
	background: #cccccc;
	font-family: Verdana, Tahoma, Arial, sans-seif;
	font-size: 16px;
	overflow: auto;	
	}
h1, h2, h3, h4	{
	padding: 2px;
	text-align: center;
	color: #2B3990;
	}
p	{
	padding: 2%;
	text-align: justify;
	color: #231F20;
	}
img	{
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
	}
ul li a{
	text-decoration:none;
	}
#wrapper	{
	margin: 10px auto;
	max-width: 1020px;
	width: 98%;
	background: white;
	border: 1px solid #58595B;
	border-radius: 2px;
	box-shadow: 0 0 10px 0 rgba(12, 3, 25, 0.8);
	}
#callout	{
	width: 100%;
	height: 50px;
	background: #0099ff;
	overflow: hidden;
	}
#callout p {
	text-align: right;
	font-size: 15px;
	line-height: 50px;
	padding: 0.1% 5% 0 0;
	color: #fff;
	}
#callout p a	{
	color: #F1F0O1;
	text-decoration: none;
	}	
header	{
	width: 96%;
	padding: 5px;
	text-align: center;
	}
nav {
    background: #0099ff;
    overflow: hidden;
    }
      
.logo {
    margin: auto;
    display: block;
    padding: 20px;
    }
.handle {
    float: right;
    background: #0099ff;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    }
nav a {
    display: block;
    padding:11px 30px;
    text-decoration: none;
    color: inherit;
    }
nav ul {
    overflow: hidden;
    color: #fff;
    text-align: center;
    transition: max-height 0.5s;
     -webkit-transition: max-height 0.5s;
     -ms-transition: max-height 0.5s;
     -moz-transition: max-height 0.5s;
     -o-transition: max-height 0.5s;
    }
nav ul li {
    float: left;
    display: inline-block;
    border-right: 1px solid white;
    }
nav ul li:hover {
    background-color: #222;
    }
.banner{
	margin: 10px 0px;
	}	
.clearfix	{
	clear: both;
	}
.left-col	{
	width: 56%;
	float: left;
	/*margin: -2% 2% 1% 2%;*/
	padding: 15px 2px;
	}
.sidebar	{
	width: 40%;
	float: left;
	text-align: center;
	}	

.section	{
	font-size: 13px;
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: center;
	}
.section p{
	text-align: center;
}
.section img{
	margin: 6px 0px;
	}
.section-1	{
	font-size: 13px;
	width: 48%;
	height: 75px;
	float: left;
	margin: 8px 2px;
	text-align: center;
	}
.section-2	{
	font-size: 13px;
	width: 48%;
	height: 75px;
	float: left;
	margin: 8px 2px;
	text-align: center;
	}
footer	{
	background: #0099ff;
	width: 100%;
	overflow: hidden;
	padding: 8px 0px;
	}
footer  p, footer h2	{
	color: #2B3990;
	text-align: center;
	}
ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
footer li	{
	display: inline;
	}
footer ul li img	{
	height: 50px;
	padding: 0px 5px;
	}
.footer{
	text-align: center;
	padding: 5px; 
	font-size: 10px;
	}

	/*-----------------MEDIA!!!!!--------------------------*/
@media screen and (max-width: 478px)	{
	body{
		font-size:14px;
		}
	.section-1 h2{
		font-size: 14px;
		padding: 8px 0px;
	}
	}
@media screen and (max-width: 767px) {
        .header {
          float: none;
        }
        nav ul {
          background: #222;
          max-height: 0;
          width: 100%;
          text-align: center;
          font-size: 14px;
        }
        nav ul.show {
          max-height: 30em;
        }
        nav ul li {
          box-sizing: border-box;
          width: 100%;
          padding: 5px 15px;
        }
        .handle {
          display: inline;
          padding: 10px 20px;
        }
        section {
          width: 100%;
        }
      	.left-col, .sidebar	{
		width: 95%;
		padding: 5px 10px;
		}
	.section	{
		margin: 1px 0px;
		border: solid 1px black;
		width: 100%;
		float: left;
		}
		
	}