/* Enter Your Custom CSS Here */
    #credit {
  float: left;
    width: 100%;
    padding: 10px;
color: #ffffff;
}
#credit a {
color: #cccccc;
  text-decoration: none;
}
#credit a:hover {
color: #ffffff; 
}

#headline h1 {
color: #ffffff;
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
}

.service a {
text-decoration: none;
}
h3 a:hover {
color: #333333;
}

.footer-block {
width: 330px;
  float: left;
  color: #ffffff;
}

.footer-block h3{
  color: #ffffff;
font-weight: 100;
text-transform: uppercase;
font-size: 24px;  
}

.footer-block a{
  color: #ffffff;
  text-decoration: none;
  float: left;
  clear: both;
}
.footer-block a:hover{
  color: #cccccc;
 
}

.footer-block h3::first-letter { 
    font-size: 150%;
  
}
#headline {
min-height: 100px;
    padding-top: 2px;
  background-color: #1e9e58;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
  width: 100%;
}

body {
  overflow-x: hidden;
}


footer {
min-height: 340px;
  background-color: #1e9e58;
}

.service {
color: #47924d;
  font-weight: 100;
  text-transform: uppercase;
text-align: center;
}

.service h3{
font-weight: 100;
  text-transform: uppercase;
  margin-top: -15px;
}

.service a{
color: #47924d;
}

.service a:hover{
color: #222222;
}

.service img{
border-color: #47924d;
  border-style: solid;
  border-width: 2px;
}

.cta {
min-height: 150px;
  color: #ffffff;
}

.cta h2 {
font-weight: 100;
  text-transform: uppercase;
  color: #ffffff;
}

#content {
width: 1100px;
  margin-right: auto;
  margin-left: auto;
}


.wrapper {
width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  margin-bottom: 35px;    
    margin-top: 20px;   

}
@media (max-width: 1100px) {
.wrapper {
width: 96%;
}
#content {
width: 96%;
 
}

}
#logo {
 width: 300px;
    margin-right: auto;
    margin-left: auto;
  padding: 10px; 
  
}

#contact {
width: 350px;
  float: right;
  text-align: right;
  color: #47924d;
}

#the-menu {
float: right;
  width: 100%;
}

#call {
  float: right;
  width: 100%;
 
      padding-bottom: 10px;
  text-align: center;
}

#slideshow {
width: 100%;
}


@media (max-width: 800px) {
#contact {
width: 98%;text-align: center;
 
}
#logo {
margin-right: auto;
  margin-left: auto;
     width: 100%;
    text-align: center;
}
}
@media (max-width: 700px) {
 #call {
  float: right;
  width: 100%;
      padding-right: 0px;
      padding-bottom: 10px;
}
}