* {
  margin: 0;
  padding: 0;
}

html {
  background: #f0efda;
}

body {
  _width: 100%;
  background-color: #fff;
  color: #888;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  margin: 0 auto;
  max-width: 900px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  }
  
.headline_top {
    background-color: #c80a0f;
    padding: 0px auto 50px auto;
    text-align: center;
}

.headline_bottom {
    background-color: #c80a0f;
    padding: 0px auto 50px auto;
    text-align: center;
}

h1 {
  font: 2.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 600;
  padding: 20px 0 20px;
  }
h2 {
  font: 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 600;
  padding: 20px 0 20px;
  }
  
h3 {
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000066;
  font-weight: 200;
  text-align: center;
  margin: 0 auto 20px;
  }

#container {
  background-color: #fff;padding: 0;
    margin: 0 auto 0 auto;
  }
  
.logo_top { max-width:100%}

.logo_bottom { max-width:100%}

#headline { 
            padding: 1.2em 0 0.3em;
            text-align: center;
    }
    
#subheadline { 
                padding: 0.3em 0 0.5em;
                margin: 0 0 1.2em;
                text-align: center;
    }
    


#content {
   background-color: #fff; 
}
.content_1 {
            color: #003399;
           padding: 2.0em 4.0em 0.5em;
        text-align: left;
}

.content_2 {
    color: #424242;
    padding: 0.5em 6.0em;
        text-align: justify;
}



a
        {
            font-family: Verdana;
            font-size: 14px;
            color: #ffffff;
            text-decoration: none;

        }

a:hover
        {
            font-family: Verdana;
            font-size: 14px;
            color: #e6e6e6;
            text-decoration: none;

        }

a.blue
        {
            font-family: Verdana;
            font-size: 14px;
            color: #000080;
            text-decoration: none;

        }
a.red:link { color:#fe642e;
         text-decoration:none;
       }


a.red:visited { color:#fe642e;
            text-decoration:none;
          }

a.red:hover { color:#003399;
          text-decoration:none;
        }

a.red:active { color:#333; }


.footer {
  font-size: 11px;
    background-color: #808080;
      font-size: 14px;
    text-align: center;
    color: #ffffff;
    padding: 20px 80px;
  }
  


@media screen and (max-width: 1200px) {
  h1 {
    font: 2.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
  }
  
@media screen and (max-width: 1024px) {
  h1 {
    font: 2.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
  }
  
@media screen and (max-width: 768px) {
  h1 {
    font: 1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }

h2 {
  padding: 0px 15%;
  }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
  }

@media screen and (max-width: 480px) {
  h1 {
    font: 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
#main_form {
        position: relative; top:2%; left: auto;
    }
h2 {
  padding: 0px 2%;
  }
.content_1 {
    background-color: #ccc;
    text-align: left;
    color: #003399;
    padding: 1% 3%;
}
.content_2 {
    background-color: #ededed;
    text-align: justify;
    color: #424242;
    padding: 1% 5%;
}
  }
  
@media screen and (max-width: 320px) {
  h1 {
    font: 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
h2 {
  padding: 0px 2%;
  }
.content_1 {
    background-color: #ccc;
    text-align: left;
    color: #003399;
    padding: 1% 3%;
}
.content_2 {
    background-color: #ededed;
    text-align: justify;
    color: #424242;
    padding: 1% 5%;
}

  }