/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
html, body {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: 'Roboto', sans-serif; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

h1 {
  font-weight: bold;
  font-size: 2.45em; }

p {
  font-size: 1.6em;
  font-weight: 200; }

#container {
  background: url("../img/unicorn2a.jpg") no-repeat;
  background-size: cover;
  background-position: top right;
  height: 100vh;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }
  #container .brand {
    width: 100%;
    max-width: 300px;
    padding: 50px;
    background: rgba(51, 51, 51, 0.6);
    color: #fff;
    height: 100vh;
    max-height: 300px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center; }
    #container .brand h1, #container .brand h2 {
      width: 100%;
      margin: 1rem 0;
      text-align: center; }
    #container .brand p {
      width: 100%;
      margin: 1rem 0;
      text-align: center;
      font-size: 16px;
      margin: 0.3rem 0; }

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