/* SCSS Document */
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-image: url(../images/bg_gradient.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-color: #cbc23e;
  font-family: 'Roboto', sans-serif;
  color: white; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#container {
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 40px 20px 80px 20px;
  text-align: center; }
  #container img {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #container img {
        width: 600px; } }
  #container h2 {
    font-weight: 300; }
    #container h2 a {
      color: white;
      text-decoration: none;
      cursor: pointer; }
      #container h2 a:hover {
        color: #e2793b; }

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