@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic);
*{box-sizing:border-box}
*{text-decoration:none}

a:link {color: #0000cf; background: ; text-decoration: none;}
a:visited {color: #0000cf; background: ; text-decoration: none;}
a:hover {color: #d10d2e; background:; text-decoration: none;}
a:active {color: #7a837d; background: ; text-decoration: none;}

body {
	width:100%;
	background: rgb(151, 156, 156);
	color: #000;
	}


	#container{
        background: #C6D6B5;
    	width: 100%;
        height:100%;
		margin:5px;
		padding:20px;
		overflow:auto;
}
#corner
	{ 	
		
    display: inline-block;
	background: #FFDEAD;
	color: #006;
    padding: 0;
    height: 100px;
   width: 25%;
 
    }
    
#logo{
    object-fit: cover;
    height:100px;
    width: 100%;
}
	
.clearfix{
		clear:both;
}

.clearfixr{
	clear:right;
}

.clearfixl{
	clear:left;
}
#header
{
	
    float:right;
	background: #F0C66A;
	color: #640F0F;
	text-align: center;
	font-family: Candara, sans-serif;
    padding: 10px 12px;	
    height:100px;
    width: 75%;
}

h1{
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-indent: 0;
	letter-spacing: 4px;
	line-height: 1.1;
}

h2{
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-indent: 0;
	letter-spacing: 4px;
	line-height: 1.9;
}

h3{
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	text-indent: 0;
	letter-spacing: 4px;
    line-height: 0.9;
    margin-bottom: 10px;
}

#nav
{
	
    float: left;
    width: 25%;
    height:auto;
	background: #C6D6B5;
	color: #006;
	font-family: Lato, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.1px;
	text-indent: 0px;
    text-align: left;
    margin-top: 20px;
    padding: 20px;	
	}

    li{
        margin: 10px 0;
      }
#links{
        margin-bottom:100px;
}
#pic{
	float:left;
	
    margin-top:20px;
}

#main
{
    float: right;
    width: 75%;
    background: #C6D6B5;
	color: #640F0F;
	font-family:  Lato, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-indent: 25px;
	letter-spacing: 1.5px;
	line-height: 1.3;
	padding: 20px;
    overflow:visible;

    }
    
.bottommargin{
    margin-bottom:7px;
}
    
#footer
{

	width:100%;
    height:auto;
    background: #F0C66A;
	color: #006;
	font-family: Trebuchet, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.1px;
	text-indent: 0;
    text-align: center;
    margin-top: 16px;
    padding:8px;
	}
	
.hs
{
		background: transparent;
		font-style: italic;
		font-size: 16px;
		letter-spacing: 1.2px;
		line-height: 1.3;
		font-weight: normal;
		font-family: Trebuchet, sans-serif;
		text-indent: 0;
		margin: 30px 0 0 0;
}

.nonindent 
{
		text-indent: 0;
}

.list{
    list-style-type: disc;
    text-indent: 20px;
    list-style-position: inside;
}

/* Responsiveness */

@media only screen and (max-width:700px) {
	body{
		width:100%;
		margin:0px;
		font-size:16px;
		/line-height:1.0em;
		font-weight:300;
		letter-spacing: -1px;
	}
	#container{
		width:100%;
       margin:auto; 
		padding:2px;
		
	}

#corner{
    float:left;
}
#header{
   
    float:left;
	line-height:0.8em;
}
#logo{
	
}

#pic{
    margin-top:8px;
}

#nav{
    float:left;
    width:100%;
    margin-top:5px;
}
#main{
    float:left;
    width:100%;
}

	h1{
		font-size:20px;
		line-height:0.9;
		margin-bottom:6px;
	}

	h2{
		font-size:16px;
		line-height:0.9;
	}
	h4{
		font-size:14px;
		line-height:90%;
		margin-bottom:6px;

	}
	#links{
        margin-bottom:20px;
	}
	footer{
		width: 100%;
		font-size:14px;
        line-height:90%;
        height: 60px;

}

@media (max-width:349px) {
		h1{
		font-size:19px;
	}

}