/* ============================================
   Design direction
   Body font:     Georgia, serif
   Heading font:  Helvetica, sans-serif
   Text color:    #222222
   Background:    #fdfdfb
   Accent:        #1a5f9c
   Mood: quiet, editorial, plenty of white space
   ============================================ */

/* --- Base and typography --- */
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100%;
  line-height: 1.4;
  color: #282828;
  background-color: #fdfdf7;
  margin: 0;
}


h1   { font-size: 2rem; }
h2   { font-size: 1.5rem; }
h3   { font-size: 1.25rem; }
h4   { font-size: 1rem; }

a { color: #9c1924; }
a:hover { color: #0a651e; }

/* --- Wrapper --- */
.wrapper {
  width: 80%;
  margin: 0 auto; 
  max-width:800px;
}

/* --- Header and nav --- */

.nav-link { font-size: 1.5rem; 
text-decoration: none;}

/* --- Hero --- */
.hero {
  position: relative;
}

.hero-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

.hero-title {
  position: absolute;
  top: 60%;
  left: 5%;
}
.hero-text {
  position: absolute;
  bottom: 0%;
  left: 5%;
}


.hero-title{ color:rgb(244, 237, 237);
 font-size: 3rem;}

.hero-text{color:rgb(243, 240, 240);
 font-size: 2rem;}


/* --- Text blocks --- */

.image-inline-left {
  float:left;
  width: 40%;
max-width:100%;
  margin-right: 1em;
}

.image-inline-right {
  float:right;
  width: 40%;
max-width:100%;
  margin-left: 1em;
}

p {display: flow-root;}


/* --- Lists --- */


/* --- Links --- */



/* --- Footer --- */