*{

  background-color: #606060ff;
  font-family: sans-serif;
}



h4.textColor
{
  color: #000000;
  text-align: center;	
}

.blogBody
{
  text-align: center;
}

.aboutBody
{
  margin-top: 90px;
  text-align: center;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: normal;
  font-style: normal;
}

table.aboutBody
{
  max-width: 500px;
}


/*.dropbtn {
  background-color: transparent;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content{ 
        displayed: none; 
        position: absolute;
        background-color: transparent; 
        min-width: 160px; 
        box-shadow: transparent; 
        z-index: 1; 
}

.dropdown-content a {
    color: transparent;
    text-decoration: none;
    padding: 5px 20px;
    font-family: "sans";
    font-size: 15px;
    border-radius: 15px;
    background: transparent;
   padding: 12px 16px;
 }



.dropdown-content a:hover {background-color: transparent;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: transparent;}
*/
.menuBar
{
  float: right;
  list-style: none;
  margin-top: 78px;
  margin-right: 35px;
}

.menuBar li
 {
  display: inline-block;
  border-radius: 15px;
  border-color: #509724;
  background: transparent;
}


.menuBar li a
 {
  color: #000000;
  text-decoration: none;
  padding: 5px 20px;
  font-family: "sans";
  font-size: 15px;
  border-radius: 15px; /*rounding of the menu buttons*/
  background: transparent;
  }

.menuBar li.active a
{
  border: 2.5px #509724 solid;


}

.menuBar li a:hover
{
  border: 2.5px #509724 solid;
}

/*
.dropdown
{
  float: right;
  list-style: none;
  margin-top: 78px;
  margin-right: 35px;
}

.dropdown li
 {
  display: inline-block;
  border-radius: 15px;
  border-color: #509724;
  background: transparent;
}


.dropdown li a
 {
  color: #000000;
  text-decoration: none;
  padding: 5px 20px;
  font-family: "sans";
  font-size: 15px;
  border-radius: 15px; /*rounding of the menu buttons
  background: transparent;
  }

.dropdown li.active a
{
  border: 2.5px #509724 solid;


}

.dropdown li a:hover
{
  border: 2.5px #509724 solid;
}
*/

-->



a
{
  outline: 0;
}

.logo
{

  max-width: 100%;
  width: 600px;
  margin-top: 23px;
  margin-left: 35px;
  height: auto;
  float: left;

}

.quote
{
  text-align: center;
  font-family: sans;
  font-size: 16px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
}



.sillblackME
{
  max-width: 100%;
  height: auto;

}


div.headWrapper
{
  height: 200px;

}

.serviceBodyWrapper
{
  height: 1000px;
  width: 1050px;
  text-align: center;
}

div.bodyWrapper
{
  height: 600px;
  width: 400px;
  margin:auto;


}

.contactPNG
{
  padding-top: 125px;
  width: 100%; 
  max-width: 600px;
}


footer
{
  padding-top: 50px;
  font-family: sans-serif;
  height: 25px;
  text-align: right;
}


tr, th
{
  padding: 1em;
  border-bottom: 2px dotted #509724F;
}


td.tableService
{
color: #000000;
}


img.imgTable
{
  width: 100%;
}

table
{
  margin: auto;
  font-family: sans-serif;
  padding-top: 35px;
  }


td.tableService
{
  text-align: center;
  width: 75px;
  height: 50px;
  padding: 1em 2em;
  /*border-bottom: 2px dotted #509724;*/

}

 /* unvisited link */
a:link {
  color: #000;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: #000;

}

/* mouse over link 
a:hover {
  color: hotpink;
}

selected link 
a:active {
  color: blue;
} 

*/

/*
td.tableDescription
{
  width: 500px;
  /*vertical-align: text-top;
  text-align: center;
  border-left: 2px dotted #509724;
  border-bottom: 2px dotted #509724;
  padding: 1em 1em;
}
*/

.dropbtn {
  background-color: transparent;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  justify-content:space-between;
  background-color: transparent;
  min-width: 160px;
  /*box-shadow: ;*/
  z-index: 1;
}

.dropdown-content a {
  color: transparent;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: transparent;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: transparent;}

/*Display adjust*/


@media (max-width: 1210px)
  {
    .logo,
    .menuBar,
    div.headWrapper,
    #sillblackME

    {
      float: none;
      text-align: center;
      overflow: hidden;
      margin: auto;
    }

    .logo
    {
      max-width: 100%;
    }

    div.bodyWrapper
    {
      max-width: 100%;
      margin: auto;
      margin-top: 20px;
    }


    div.menuBar
    {
      margin-top: 20px;

    }


    .logo
    {
      margin-left: auto;
      margin-right: auto;

    }

    .quote
    {
      color: #509724F;
      font-size: 1.5vw;
      font-family: sans-serif;
/*      text-align: right;*/
      float: right;
/*      padding-right: 95px;*/

    }

    .menuBar li
    {
      padding: 7px;
      text-align: center;
    }



   .footer
   {
     text-align: right;
     font-size: 1v;
   }


}

@media (max-width: 680px)/*Must come up with a way at this px to shrink resposivly the table!!!*/
 {




}


@media (max-width: 650px)

{

  .quote
  {
    font-size: 2vw;
  }


}