@media only screen  and (min-width : 360px) {
  .subscribe-wrapper {
  margin: 0 5px 0px 50px;
  }
}

@media only screen  and (min-width : 400px) {
  .subscribe-wrapper {
  margin: 0 5px 0px 70px;
  }
}

@media only screen  and (min-width : 420px) {
  .subscribe-wrapper {
  margin: 0 5px 0px 90px;
  }
  .articles h3 {
  text-align: left;
  }
  .articles h4 {
  text-align: left;
  }
  .articles p {
  text-align: left;
  }
  .subscribe-wrapper {
  margin: 0 5px 0 0;
  }
  footer {
  text-align: left;
  }
  .footerLinks {
  width: 125px;
  display: inline-block;
  }
  .footerLinks {
  text-align: left;
  }
}

@media only screen  and (min-width : 480px) {
  .owl-demo .item {
  text-align: left;
  }
}

/*Now lets work our way up*/
@media only screen  and (min-width : 768px) {
  .articles {
  max-width:  45%;
  }
  .articles h3{
  text-align: left;
  }
}

/*and up*/
@media only screen  and (min-width : 1024px) {
  #logo {
  padding: 0 254px 0 0;
  }
  nav {
  padding: 0 0 20px;
  }
  .altnavfloat {
  display: inline-flex;
  }
  .altnav-text{
  padding: 30px 5px 0;
  }
  #altnavbutton_one a {
  padding: 10px 4px;
  }
  #altnavbutton_two a {
  padding: 10px 16px;
  }
  nav ul {
  margin: 0;
  }
  .articles {
  max-width: 30%;
  display: inline-block;
  padding: 0 0 0 22px;
  float: left;
  }
  .footer-content {
  max-width: 30%;
  display: inline-block;
  padding: 0 11px 0 17px;
  float: left;
  }
.footerLinks {
  width: auto; 
  display: inline-block;
  }
  .article_gallery {
  margin: auto;
  }
}


@media only screen  and (min-width : 1024px) {

  .lowerSection {
  max-width: 1052px;
  }
  .articles {
  max-width: 29%;
  padding: 0 0 0 26px;
  }
  #footer_container {
    max-width: 1052px;
  }
.footer-content {
  max-width: 29%;
  padding: 0 11px 0 23px;
  }
}