body, html {
  height: 100%;      /* */
  font-family: sans-serif;
}
@font-face {
    font-family: 'MFred';
    src: url('fonts/MFred.ttf');
    src: url('fonts/MFred.eot') format('embedded-opentype'),
         url('fonts/MFred.woff2') format('woff2'),
         url('fonts/MFred.woff') format('woff'),
         url('fonts/MFred.ttf') format('truetype'),
         url('fonts/MFred.svg#MFred') format('svg');       
}
@font-face {
    font-family: 'BryantWeb';
    src: url('fonts/BryantWebMediumAlt.ttf');
    src: url('fonts/BryantWebMediumAlt.eot') format('embedded-opentype'),
         url('fonts/BryantWebMediumAlt.woff2') format('woff2'),
         url('fonts/BryantWebMediumAlt.woff') format('woff'),
         url('fonts/BryantWebMediumAlt.ttf') format('truetype');
}
.words {
  width: 100%; 
  height: auto;
  display: block;
}
.wordsm {
  width: 100%; 
  height: auto;
  display: none;
}
.parallax [class*="bg"] {
  position: relative;
  text-indent: -9999px;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;         
  height: 100vh;                     /*changes height of pictures*/
}
image 1 and 4 are bigger than others 
.parallax .bg1, .parallax .bg4 {
  height: 100vh;
}                      
.parallax .bg1 {
  background-image: url(images/image1.jpg);
}
.parallax .bg2 {
  background-image: url(images/image2.jpg);
}
.parallax .bg3 {
  background-image: url(images/image3.jpg);
}
.parallax .bg4 {
  background-image: url(images/image4.jpg);
}
.parallax .bg4b {
  background-image: url(images/image4.jpg);
  display: none;
}
.parallax .bg5 {
  background-image: url(images/image5.jpg);
}
article section {
  padding: 0;
  overflow-x: hidden;
}
article section.parallax {
/* if side margin is made -10, the horizontal bar appears */
  margin:  -10px -7px;
  padding: 0;
}
#map {
  display: block;
  width: 60%;
  position: absolute;
  margin-left: 20%;
  margin-top: 30%;
}
#mapm {
  display: none;
}
#dog {
  position: absolute;
  width: 30%;
  display: block;
  margin-left: 55%;
  margin-top: 15%;
}
svg .p1 a {fill:#381f0f;}
svg .p2 a {fill:#023d2f;}
svg .p3 a {fill:#00a997;}
svg .p5 a {fill:#f15b5d;}