[class*="col-"] {
  float: left;
  padding-right: 10px;
  padding-left: 5px;
}

.Banner {
    border-bottom: solid;
    border-width: thin;
    padding-left: 0px;
    padding-bottom: 10px;
}

.Footer {
    margin-top: 25px;
    border-top: solid;
    border-width: thin;
    padding-left: 5px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 500px) {
  [class*="col-"] {
    width: 95%;
  }

@media only screen and (min-width: 600px) {
  .col-11 {width: 75%;}

@media only screen and (min-width: 700px) {
  .col-11 {width: 70%;}
}

@media only screen and (min-width: 800px) {
  .col-11 {width: 65%;}
}

@media only screen and (min-width: 900px) {
  .col-11 {width: 60%;}
}
@media only screen and (min-width: 1000px) {
  .col-11 {width: 50%;}
}

.col-18 {padding-left: 0px; width: 90%;}