/*
 * Links
 */
a,
a:focus,
a:hover {
  color: #fff;
}
/*
 * Base structure
 */
html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  background: #333 url(../images/background-trading-online.jpg) no-repeat center top;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight:500;
  line-height: 1.4;
}
h1,h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight:800;
  margin-bottom:0
}
img {
  max-width: 100%;
  height:auto;
}
.cover-container {
  background-size: cover;
}
/*
 * Header
 */
.site-header {
   transform: rotate(-4deg);
 }
.site-header h1,
.site-header h2 {
  display: inline-block;
  font-size:1.6rem;
  text-align: center;
  text-transform:uppercase;
  padding:.7rem 1.5rem;
}
.site-header h1 {
  background:#2a2844;
  margin-bottom: -1.5rem;
}
.site-header h2 {
  background:#93c01f;
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  body {
      background-size: contain;
  }
  .site-header h1,
  .site-header h2 {
    font-size:2.75rem;
  }
}
/* Extra Large devices (desktops, 1440px and up) */
@media screen and (min-width: 1440px) {
  body {
    background-size: cover;
  }
  .site-header h1,
  .site-header h2 {
    font-size:3.75rem;
  }
}

/*
* content
*/
.lead,
.lead li {
    font-size: 1.25rem;
    font-weight: 300;
}
.lead ul {
  padding-left: 1.25rem;
}
/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  .lead,
  .lead li {
      font-size: 1.25rem;
  }
}
/* Extra Large devices (desktops, 1440px and up) */
@media screen and (min-width: 1440px) {
  .lead,
  .lead li {
      font-size: 1.5rem;
  }
}
/*
 * Footer
 */
.mastfoot img.site-logo {
   width:200px;
}
.mastfoot .site-info {
  display: flex;
  align-items: baseline;
  font-size:1.25rem;
}
.mastfoot .first-word {
  display: block;
  color:#93c01f;
  font-weight:800;
  margin-right: .5rem;
}
.mastfoot .site-info p {
  margin-bottom:0;
}
/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  .mastfoot img.site-logo {
    width:240px;
    margin-top:1.7rem;
  }
  .mastfoot .site-info {
    font-size:1.25rem;
  }
}
/* Extra Large devices (desktops, 1440px and up) */
@media screen and (min-width: 1440px) {
  .mastfoot img.site-logo {
    width:350px;
    margin-top:.7rem;
  }
  .mastfoot .site-info {
    font-size:1.5rem;
  }
}