@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');

html, body {
	height: 100%;
}

#page-content {
  flex: 1 0 auto;
}


body {
  background: url('/images/frontpage.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}




ul {
  #border-left: 5px solid #ff6600;
  #background-color: rgba(51,51,51,0.5);
  list-style-type: none;
  padding: 10px 20px;
}




h1 {
   font-size: 72px; line-height: 0.7; margin-top: 20px; margin-bottom: 0px;
   color: #fff;
   font-family: 'Great Vibes', cursive;
}

h1::first-letter {
   font-size:140%;
   text-decoration: none;
}

h2, h3, h4 {
		color: #fff;
        font-family: 'Quicksand', sans-serif;
}

h5, h6 {
		color: #555;
        font-family: 'Quicksand', sans-serif;
}

body ,p {
		color: #fff; 
        font-family: 'Quicksand', sans-serif;       
}