html,
body { margin: 0px;
       padding: 0px;
     }


body { font-family: arial, sans-serif;
       font-size: 16px;
       background-color: #ddd;
     }



header { max-width: 1320px;
         height: 80px;
         margin: auto;
         background-color: #555;
       }

nav { float: right;
      height: 30px;
      
    }

#logo_top { height: 80px;
            font-size: 30px;
            font-weight: bold;
            color: #fff;
            line-height: 80px;
            padding-left: 20px;
          }




main { max-width: 1320px;
       box-sizing: border-box;
       margin: auto;
       padding: 20px;
       background-color: #fff;
     }




footer { max-width: 1320px;
         height: 40px;
         margin: auto;
         background-color: #555;
         line-height: 40px;
         font-size: 12px;
         color: #fff;
         text-align: center;
       }





section { width: 350px;
          min-height: 120px;
          border: 2px solid #ccc;
          padding: 20px;
          font-family: arial;
          font-size: 5px;
        }





/* Form elements */

textarea,
select,
input[type=text] { width: 100%;
                   box-sizing: border-box;
                   padding: 10px;
                   border: 2px solid #ddd;
                 }

.download,
input[type=submit] { padding: 10px 20px;
                     background-color: #050;
                     color: #fff;
                     border: 0px;
                     text-decoration: none;
                     font-size: 14px;
                     cursor: pointer;
                     transition: all 0.2s ease-in-out 0s;
                   }

.download:hover,
input[type=submit]:hover { background-color: #0a0;
                           transition: all 0.2s ease-in-out 0s;
                         }


textarea { height: 400px;
         }

.field { float: left;
         width: 300px;
         margin: 0px 20px 20px 0px;
       }