/* @charset "UTF-8";
/* CSS Document */


h1 {color:005580;
    font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: bold;
    font-size: 4.375em;
    padding-bottom: 50px;}

h2 {color:005580;
    font-family: 'Satisfy', cursive;
    Font-size: 1em;
    text-align: right;
    padding-bottom: 30px;
    padding-top: 225px;
    padding-right:25px;}

h3 {color:#264d00;
    font-family: 'Satisfy', cursive;
    Font-size: 2.5em;
    font-weight: bold;
    padding-top:40px;
    padding-bottom: 40px;
    text-align: center;
  }

h4 {background-color: #333;
    color: white;
    width: 100%;
    text-align: center;
      font-family: 'Satisfy', cursive;
    font-size: 2.25em;
  }

h5 {color:005580;
    font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    Font-size: 1.25em;
    text-align: right;}

h6 {color:005580;
    font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    Font-size: 1.25em;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;}

#toogle {margin-left:auto;
          margin-right: auto;}
button {background-color: #333;
        color:#f0f0f5;
        display:block;
        margin-left:auto;
        margin-right: auto;
        font-family: 'Satisfy', cursive;
        Font-size: 2.5em;
        font-weight: bold;
        width:75%;
                    }

header {background-color: #333; color:#f0f0f5;
        width 80%;}


p {font-family: Didot, serif;
  text-align: center;
  padding-bottom; 40px;}


Body {background-color: #333; color: #005580;
	font-family:font-family: 'Yanone Kaffeesatz', sans-serif;
  margin-left: auto;
  Margin-right: auto;}



#A {width:20.83em;
  float:left;
  position:relative;
}

#B { height:500px;
    width: 100%;
  object-fit: cover; }

#C { width: 20.833333333333336em;
    height: 12em;
    padding-left: 3em;
  object-fit: cover;
margin-top: 3.5em; }

/*tranform images*/
#C:hover {transform: scale(1.15);
    transition: scale, 2s;
          }

#D {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  }

#D:hover {
       transform: scaleY(1.5);
            }
th {height:30px;
    font-size: 1.5em;
    border: solid;
    text-align: center;
  font-family: 'Satisfy', cursive;}

td {height: 30px;
    border: solid;
  font-family: 'Yanone Kaffeesatz', sans-serif;}

table{border: solid;
      color: #333;
      background-color: #ecf8ec;
    text-align: center;
  font-family: 'Yanone Kaffeesatz', sans-serif;}
}


.location {background-color: #d4d4aa;
  height: 19em;
  border-radius: 5px;
  display: block;
  margin: 5px;
  background-size: 100%;
  background-repeat: no-repeat;

  }
.content {width: 60%;
          padding-top: 6em;
          float:right;}

body {width:100%;
  padding-bottom: 50px;

}

#wrapper {	width:100%;

	background-color:#f0f0f5;
  }



/*Navigation Menu*/

.topnav {
  background-color: #cc9966;
  overflow: hidden;
}


.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1em;
}


.topnav a:hover {
  background-color: ##004d00;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


footer {text-align:center;
    padding-left:13.020833333333334;
		clear:both;
    background-color: #cc9966;
  }


.fas:hover {
  opacity: 0.7;
}

.fab:hover {
  opacity: 0.7;
}



  @media only screen and (max-width: 1024px) {
  h1 {font-size: 1.375em;/*22/16*/}
  nav li {margin: 0.3125%; /*3/960*/}
  .content {float:none;
            padding-top: 0px;
            width: 40em;
          margin-left: auto;
          margin-right: auto;
            }
  }
  .location {}

  #C {margin-top: 2em;}

  @media only all and (max-width: 480px) {

  h2 {
    font-size: 1.25em; /*20/16*/
    text-align: center;
  }

  nav {
    width:100%;
  nav ul {
    margin: 6px 0;
  }
  nav li {
    display: block;
    width: auto;
    border-bottom: 1px solid #fff;
  }


  }}