main {
    /* Overrides theme.css */
    padding-top: 50px !important;
}

main > section {
    color: #fff;
    min-height: 100vh;
    padding-top: 2em;
    padding-bottom: 2em;
    box-sizing: border-box;
}

section > figure {
    height: 100vh;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Vertical centring hack */
.feature-container {
    display: table;
    height: 100vh;  
}

.feature {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em; 
}


#section1 {
    background-color: #002708;
}

#section1 > figure {
    background: url("../img/intro/hands.svg");    
}

#section2 {
    background-color: #9954BB;
}

#section2 > figure {
    background: url("../img/intro/plan.svg");
}

#section3 {
    background-color: #3FB618;
}

#section3 > figure {
    background: url("../img/intro/graph.svg");
}

#section4 {
    background-color: #2780E3;
}

#section4 > figure {
    background: url("../img/intro/free.svg");
}

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  width: 70%;
  left: 15%;
  top: 15%;
  padding: 20px 2%;
  font-family: Calibri, Arial, sans-serif;
  background: #FFF;
}

#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}

#fvpp-dialog p { margin: 0; }