html {
  font-family: 'Roboto',sans-serif;
}

body{
  background-image: url('../static/images/IMG_1856.jpeg');
  background-size: 100%;
  color: white;
  font-family: 'Roboto',sans-serif;
}

h1{
	font-family: 'Roboto',sans-serif;	
}

h2{
	font-family: 'Playfair Display', serif;
	color: #0d467c;
	font-size: 30px;
}
a{
	color: white;
	font-family: 'Roboto',sans-serif;	
}

a:hover{
	color: darkgray;	
	text-decoration: underline;
}

.h2a {
    font-family: 'Playfair Display', serif;
	color: #0d467c;
	font-size: 50px;
	border-bottom: 1px solid #CCC;
}

.h2b {
    font-family: 'Playfair Display', serif;
	color: white;
	font-size: 30px;
}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;      
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
 /* min-width: 100%; */
  min-height: 100%;
}

h2.ontop {
  position: relative;
  top: 4.7em;
}