#container {
  width: 96%;
  margin-right: 2%;
  margin-left: 2%; }

#banner {
  width: 100%;
  max-height: 300px; }

img {
  width: 100%; }

#banner img {
  max-height: 300px; }

#main {
  width: 100%; }

#main-content {
  padding-right: 3%; }

#widget-container {
  padding-left: 2%;
  padding-right: 2%;
  background-image: url(../images/widget_bkgrnd_tile.jpg);
  background-repeat: repeat; }

.widget-content {
  padding-left: 2%;
  padding-right: 2%;
  width: 96%; }

.widget-content h3 {
  margin-bottom: 0em; }

.widget-content p {
  margin-top: 0.25em;
  font-size: 0.75em; }

* {
  font-family: 'Monda', sans-serif; }

h1, h2, h3 {
  font-family: 'Homenaje', sans-serif, cursive;
  color: #A85E56; }

a {
  color: blue; }

@media (min-width: 801px) {
  #main-content {
    width: 96%; }

  #widget-container {
    width: 25%;
    float: right;
    margin-left: 2%; } }
@media (min-width: 601px) and (max-width: 800px) {
  #container {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; }

  #main-content {
    display: block;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%; }

  #widget-container {
    float: none;
    width: 98%;
    padding-left: 0px;
    display: inline-flex; } }
@media (max-width: 600px) {
  #container {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; }

  #main-content {
    display: block;
    float: none;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%; }

  #widget-container {
    display: block;
    float: none;
    width: 96%; } }

/*# sourceMappingURL=responsive.css.map */