/* .container{
  display: flex;
} */

.bg {
    /* This image will be displayed fullscreen */
    background:url("../../Media/Images/graywood1.jpg") no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;

    /* The Magic */
    background-size: cover;
  }

body{
    /* Workaround for some mobile browsers */
    min-height: 20px;
    width: 62%;
    margin-left: 19%;
    border-style: ridge;

}

.container {
  background-color: white;
  margin-bottom: 25px;
  }

  .header {
    height: 125px;
    width: 300px;
  }

.logo {
  height: 75px;
  width: 75px;
  margin-left: 18px;
  margin-top: 50px;
}

.KA {
  font-size: 20px;
  font-family: "Times New Roman";
  margin-left: 2;

  color: black;
  padding-top: 24%;

}


.KA p:hover {
    color: #005926;
  }

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: white;
    border-top: 1px solid black;
      border-bottom: 1px solid black;
      margin: 20px;
      padding-top: -25px;
      padding-bottom: -25px;
      display: flex;
      justify-content:center;
      justify-content: space-between;


}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    border-right: 1px gray;
    line-height: 4px;
    font-size: 14px;
    font-stretch: expanded;


  }

/* Change color on hover */
.topnav a:hover {
    color: #005926;
}

.sunny{
  height: 360px;
  width: 100%;
}

.C3 {
  height: 360px;
  width: 210px;
  background-color: #005926;
  color: white;
}

.bottomC {
  height: 121;
  margin: auto;
}

.bottomC h1 {
  font-size: 16px;
}

p::after .address {
  font-size: 8px;
}

p {
  font-size: 14px;
}

.divider {
  text-align: center;
  font-size: 12px;
  border-top: 1px solid black;
  color: black;
  text-decoration: none;
  text-decoration-color: black;
}

.divider a{
  color: black;
  text-decoration: none;
}


.WWA h1, h2{
  font-size: 12px;
  font-weight: bold;
}
.WWA {
font-size: 12PX;
height: 360px;
width: 180px;
background-color: #005926;
color: white;
}

.contact{
  font-size: 12PX;
  height: 360px;
  width: 180px;
  background-color: #005926;
  color: white;
}

.WWD {
  display: flex;
  justify-content: space-between;
}


/*media queries */

@media screen and (max-width:700px){


}

@@media screen and (max-width: 400px) {

}