@import url('https://fonts.googleapis.com/css?family=Montserrat');

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

body, html{height:100%; font-family: 'Montserrat', sans-serif;}
body{font:75%/1.5 'Montserrat', sans-serif; color:#FFF; background: url(back2.jpg) no-repeat center #492f46; background-size:cover; text-align:center; padding-top:50px;}

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

  body {
    padding-top: 0;
  }

  .flex-container {
      height: 100%;
      padding: 0;
      margin: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .flex-item {
      padding: 5px;
      margin: 10px;
      line-height: 20px;
      color: white;
      font-weight: bold;
      font-size: 2em;
      text-align: center;
      display: inline-block;
      font-size: 12px;
  }

  .left {
    text-align: right;
    border-right:1px solid #fff;
    padding-right: 20px;
  }

  .right {
    text-align: left;
  }
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 14px;
}

a {
  color:#fff;
}