body {
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  color: black;
  font-family: 'Karla', sans-serif;
 box-sizing: border-box;
  padding: 1em;
}
  
  h1.tagline {
  margin: 0 auto;
  font-size: 1.5em;
  text-align: center;
  font-family: 'Dosis', sans-serif;
  letter-spacing: .08em;
  text-decoration: none !important;
  color:#000000 !important;
  text-transform: uppercase;  
  font-weight: 100; 
}

/* h2.tagline {
  margin: 0 auto;
  font-size: 1.5em;
  text-align: left;
  font-family: 'Dosis', sans-serif;
  letter-spacing: .08em;
  text-decoration: none !important;
  color:#000000 !important;
  text-transform: uppercase;  
  font-weight: 100;
  padding-top: 2.5em; 
} */

h3 {
 font-family: 'Michroma', sans-serif;   
}
  
a {
  text-decoration: none !important;
  color:#000000 !important;
}

.img-responsive {
    
    padding-top:1em; 
    width: 800px;
}


  
/* Horizontal Menu Styling */
ul.horizontal-menu {
list-style-type: none;
margin: 0;
text-align: left;
padding-left: 0;
padding-top: 2em;
display: flex; /* Makes the menu horizontal */
font-family: 'Michroma', sans-serif;
font-weight:100;
font-size: 18px;
border-bottom-style: dashed;
border-bottom-width: thin;

}
.horizontal-menu li {
margin: 25px 25px 0 0;
text-align: left;
}

.horizontal-menu a {
display: block;
color: rgb(0, 0, 0); /* Text color */
text-align: center;
padding: 0 1em 1em 1em; /* Spacing inside each link */
}

span {
    font-family: 'Dosis', sans-serif;
    font-size: 1.5em;
    color: #333;
}


@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 812px) 
   { 

.horizontal-menu a {
display: block;
color: rgb(0, 0, 0); /* Text color */
text-align: center;
padding: 0; /* Spacing inside each link */
}

.img-responsive {
    
    padding-top:1em; 
    width: 360px;
}

span {
    font-family: 'Dosis', sans-serif;
    font-size: 1.2em;
    color: #333;
}

}

@media (min-width: 768px) {
    .col-md-12 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .img-responsive {
    padding-top:1em; 
    width: 600px;
}
}

@media only screen 
  and (min-device-width: 1024px) 
  
   { 

.horizontal-menu a {
display: block;
color: rgb(0, 0, 0); /* Text color */
text-align: center;
padding: 0; /* Spacing inside each link */
}

.img-responsive {
    
    padding-top:1em; 
    width: 400px;
}

span {
    font-family: 'Dosis', sans-serif;
    font-size: 1.2em;
    color: #333;
}

}

@media only screen 
  and (min-device-width: 1366px) 
  
   { 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 880px;
}
.img-responsive {
    
    padding-top:1em; 
    width: 550px;
}
   }