/* Place the navigation bar at the bottom of the page, and make it stick */

.navigatehome {
    bottom: 20px;
    z-index: 1005;
    padding:20px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

/* Style the links inside the navigation bar */
.navigatehome a {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    background-color: rgba(255,255,255,0.75);
    border: 1px solid black;
    box-shadow: 3px 3px 5px #888;
}

.navigatehome a:hover {
  background-color: #04AA6D;
  color: white;
}

.navigatehome copyright {
    font-size: 0.25em;
    text-align: center;
}

/*
.collier {
    background: url(../images/collier.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
*/

/* Page heading */
.section-heading {
    text-align:center;
    color:#102C4E;
    margin-top: 150px;
    margin-bottom:70px;
    font-size: 35px;
}

.opaque {background-color: rgba(255,255,255,0.75); padding:10px;}

h2 a {text-decoration: none;}

/*
.bellingham {
    background-image: url('../images/tiles/bellingham.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.coquetdale {
    background-image: url('../images/tiles/coquetdale.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.north {
    background-image: url('../images/tiles/north.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.questions {
    background-image: url('../images/tiles/question.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.rede {
    background-image: url('../images/tiles/rede.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.road {
    background-image: url('../images/tiles/road.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.roman {
    background-image: url('../images/tiles/roman.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.village {
    background-image: url('../images/tiles/village.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.who {
    background-image: url('../images/tiles/who.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
*/

section li {font-size: 28px;}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: normal;
  justify-content: center;
  align-items: normal;
}

.flex-items {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 200px;
  order: 0;
  border: solid 1px black;
  box-shadow: 3px 3px 5px #888;
  background: rgb(10,187,95);
  background: radial-gradient(circle, rgba(10,187,95,1) 0%, rgba(63,103,61,1) 100%);
  margin: 5px;
}

.flex-container a {
  font-size: 0.5em;
  color: black;
  display: inline-block;
  padding:5px;
  height:100%;
  width:100%
}

.flex-container a:hover {
  transform: scale(1.2);
    color: white;
}

/* move the navigational controls u a bit to create clearance for the slide numbering */

.reveal .controls {bottom:80px;right:20px;}

.slide-number-a::before {
  content: 'Slide: ';
}

/* now create a new slide numbering area */

.slidenumbering {
    position: absolute;
    bottom: -8px;
    right: 0px;
    background-color: black;
    color: white;
    font-size:12px;
    z-index: 30;
    width:auto;
    text-align: right;
}