//
// Default Layout Styles
// --------------------------------------------------

html {
  height: 100%;
  font-size: 100%;
  box-sizing: border-box;
}

@include breakpoint(sm) {
  font-size: 85%;
}

body {
  position: relative;
  min-height: 100%;
}

body.is-fluid {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

//Needed to align Coremedia contents with Grid
.is-fluid div[class^="cm-"] .row > .row {
  margin: 0;
}

.clean-page-container {
  margin-top: 100px;
}

@media(max-width: $screen-sm-max) {
  .clean-page-container {
    margin-top: 50px;
  }
}

@media(max-width: $screen-xs-max) {
  #container {
    min-height: 250px;
  }
}

@media(min-width: $screen-sm-min) {
  #container {
    min-height: 400px;
  }
}

@media(max-width: $screen-xs-max) {

  .clean-page-container {
    margin-top: 25px;
  }
}