/********************************************************/
/*********************  FRONT PAGE  *********************/
/********************************************************/

/*
/* Front page specific styling that interferes with
/* the regular styles.
/* */


html {
  background-color: #5BB4EB;
  background-image: url('../images/geometric-background.svg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

@media only screen and (max-width : 768px) {
  html {
    background-size: auto 115vh;
    background-attachment: scroll;
  }
}

.homepage-section {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}