/*
* K&A
* Copyright 2018, Greg Alderson
* kingstonandalexander.com
* 12/01/2018
*/

/* Main css for K&A site
––––––––––––––––––––––––––––––––––––––––––––––––––
*/

.masthead {
  margin: 15% 0;
}

.title {
  font-family: 'Baskerville';
  font-weight: 200;
}

.logo {
  width: 100%;
  background: url("../images/logo-large.png") no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-bottom: 30%;
  margin-bottom: 5%;
  max-width: 80%;
}

.margin {
  margin: 5% 0;
  padding: 0 12.5% 0 25%;
}

.spaced {
  margin: 20% 0;
  padding: 5% 20%;
}

.footer {
  margin: 0;
  padding: 5% 20%;
}

/* Backgrounds */

.background-white {
  background: #fff;
}

.background-black {
  background: #222;
  color: white !important;
}

.background-red {
  background: #9A2617;
  color: white !important;
}

.background-grey {
  background: #42454A;
  color: white !important;
}

/* Media Queries */

/* Mobile */
@media (max-width: 400px) {
  #section {
      margin: 10% 0%;
      padding: 5%;
    }
  }
}

/* Larger than mobile */
@media (min-width: 400px) {

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}