/*---------css reset-------------
--------------------------------*/
* {padding: 0; margin: 0; font-size: 100%; font-weight: normal; color:black;}
ul,ol {list-style: none;}
b,strong {font-weight: bold;}
img, a img {border: none;}

/*---------layout-------------
--------------------------------*/

html {
font-size: 100%;
}

#container {
width: 100%;
margin: 0 auto;
background-color: aliceblue;
min-width: 100%; min-height: 100%;
}

header {
	position: fixed;
	width: 100%;
	height: 50px;
	background-image: url("images/bgig.jpg");
	background-repeat: repeat;
	background-size: cover;
	padding: 20px 20px 0px 0px;
	border-bottom: 2px solid;
}

main {
padding:100px 30px 10px 30px;	
}


nav ul {
width: 100%;
text-align: center;
}

nav li {
color: #663300;
display: inline;
font-size: 1.5rem;
padding: 10px;	
border-right: solid;	
}	

nav a {
color: #663300;	
}

nav li.first {
border-right: solid;
border-left: solid;
}

nav {
width: 95%;	
padding-top: 0px;
padding-bottom: 0px;
color: green;
}

section {
padding: 10px 0px 10px 0px;	
}

.cont {
font-size: 1rem;
line-height: 1.2rem;	
}

body {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: black;
}

h2{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5rem;
}

footer {
padding: 3em;
background-color: aliceblue;	
}

figure {
margin: 0;
}


img {
max-width: 100%;
height: auto;	
border: none;
padding: 40px 0px;
margin: 0 auto;
display: block;
}


h1 {
	color: black;
	font-size: 1.5rem;
	text-align:left;
    font-weight: bold;
	text-decoration: underline;
}

a:hover {
color: red;
cursor: pointer;
}



@media screen and (max-width: 650px)
{	
	html {
		font-size: 100%;
	}	
	.cont {
	font-size: 1rem;
	padding: 10px;	
	}
	
	footer {
padding: 0;
}
	
	h1 {
font-size: 1.2rem;
text-align:left;
	}
}
@media screen and (max-width: 1200px)
{	
	
	h1 {
font-size: 1.2rem;
text-align:left;
	}
	}