@charset "utf-8";
/* CSS Document */	
* { box-sizing: border-box; margin: 0; }
body {font-family:Verdana, Arial, sans-serif; }
nav {  background-color: #1ebb1b; }
nav ul { list-style-type: none; 
         margin: 0;
         padding: 0;
}
nav li { border-bottom: 3px solid #205cd8;
		border-right: 3px solid #205cd8;
		color: #179116;
}
nav a { text-decoration: none; 
        display: block;
		padding: 1em 2em;
}
nav h2 {padding: 0px 20px 0px 0px; color: #ffffff;}
nav a:link { color: #000000; }
nav a:hover {  color: #000066;
               background-color: #82ca82;
}
header { background-color: #869DC7;
        color: #d7e0f5; 
		background-image: url(bannersmall.jpg); 
		background-repeat: repeat-x;
		padding: 0px 0px 200px 5px;
        font-size: 120%;
}
header h1 {padding: 5px 0px 0px 5px; }

h2 { color: #869dc7; 
     font-family: arial, sans-serif;
}
main { padding: 1em; }
aside { padding: 1em; }

figure { margin: auto; background-color: #FFF;
         padding: 8px; border: 1px solid #CCC;
         box-shadow: 5px 5px 5px #828282; width: 265px;
	transform: rotate(3deg); }
figcaption { text-align: center;
		   font-size: .8em;
		   font-style: italic;
}
footer { background-color: #205cd8;
         font-size:70%;
         text-align: center;
         padding: 2em;
		 clear: both;
}
#offer { background-color: #EAEAEA;
          width: 10em;
		  margin: 2em auto 0 auto;
		  text-align: center;
}
#offer { background-color: #EAEAEA;
         width: 10em;
         margin: 2em auto 0 auto;
         text-align: center;
         transform: scale(2); } 
header, main, nav, figure, footer { display: block; }
@media only screen and (min-width: 768px) {
#content { display: flex; }   
nav      { flex: none; 
}
main     { flex: 6; 
           min-width: 20em; 
           background-color: #FFFFFF; }
aside    { flex: 4; 
            background-color: #EAEAEA; }
header { padding-left: 10em; }
}