body {
    background-color:white;
    color:#333333;
    margin:0px;
    font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
   }

/* headings and paragraphs */
h1 {
    padding-bottom:15px;
    margin:0px;
    color:black;
    font-size:115%;
   }

h2 {
    background-color:#B82601;
    text-align:center;
    padding:3px;
    color:white;
    margin-top:0px;
    margin-bottom:0%;
    font-size:115%;
   }

h3 {
    text-align:center;
    color:#B82601;
    border-bottom:1px solid #dddddd;
    margin-bottom:9px;
    font-size:115%;
   }

p, address {
    margin:0px;
   }

q  {
    font-style: italic;
   }

/* links */
a  {
    color:#B82601;
    background-color: transparent;
    text-decoration: none;
   }

a:hover {
    text-decoration: underline;
   }

a:active {
    font-weight: bold;
}

a.ee{
    color:#333333;
    background-color: transparent;
    text-decoration: none;
   }

a.ee:hover {
    text-decoration: none;
   }

a.ee:active {
    font-weight: normal;
   }

/* navigation */
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:hsl(12, 10%, 85%);        
   }

nav li {
    float: right;
   }

nav li a {
    color:#333333;
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-weight:normal;
   }

nav li a:hover {
    text-decoration: underline;
    font-weight:normal;
   }

nav li a.active {
    color:#B82601;
    text-decoration: none;
    font-weight:bold;
   }

/* header */

header {
    padding-left:4%;
    background-color:hsl(12, 10%, 85%);
    margin:0px;
   }

.logo {
    width:280px;
    border:0; /* to prevent borders in IE9 and earlier */
   }

.pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:75%;
    border:0; /* to prevent borders in IE9 and earlier */
   }

.ap {
    width: 12px;
    border:0;
}

.bigpic {
    width:100%;
    border:0; /* to prevent borders in IE9 and earlier */
   }

/* sections */

header:after, section:after {
    content: "";
    display: table;
    clear: both;
   }

section{
    margin-bottom:30px;
   }


.col30 {
    float:left;
    position: relative;
    left: 2%;
    margin:2%;
    width: 28%;
   }

.col40 {
    float:left;
    position: relative;
    left: 2%;
    margin:2%;
    width: 34%;
   }

.col50 {
    float:left;
    position: relative;
    left: 2%;
    margin:2%;
    width: 44%;
   }

.col60 {
    float:left;
    position: relative;
    left: 2%;
    margin:2%;
    width: 54%;
   }


/* footer */

footer {
    border-top:1px solid #B82601;
    background-color:hsl(12, 10%, 85%);
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
   }

/* mobile settings */

@media only screen and (max-width:620px) {
   /* For mobile phones: */

   .col30, .col40, .col50, .col60, .pic {
    width:92%;
   }

   .logo{
     width:60%;
   }

  .bigpic{
    width:100%;
   }

   section{
     margin-bottom:60px;
   }

   h1, h2, h3{
     font-size:3vw;
   }

   .ap{
     width:2.2vw;
   }

   footer, nav li a, p, a, address{
     font-size:3vw;
   }

}