.HomeMainImages-image {
  height: auto;
  width: 100%;
  max-width: 950px;
}

.bottomlogo-image {
  height: auto;
  width: 100%;
  max-width: 250px;
}


.fill-image {
  height: auto;
  width: 100%;
  max-width: 400px;
}



.HomePageServiceAreas {
  height: auto;
  width: 100%;
  max-width: 400px;
}

.HomePageSamples  {
  height: auto;
  width: 100%;
  max-width: 300px;
}


.HomePageRotations  {
  height: auto;
  width: 100%;
  max-width: 1200px;
}


.HeaderImages  {
  height: auto;
  width: 100%;
  max-width: 2000px;
}


.CoolHomeImages {
  height: auto;
  width: 100%;
  max-width: 2000px;
}

.LogoHomeImage {
  height: auto;
  width: 100%;
  max-width: 500px;
}

img.socialmedia {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.PageArea {
  height: auto;
  width: 100%;
  max-width: 100px;
}

.ThumbImg {
    border: 2px solid #000;
    border-radius: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    max-width: 450px;

    
}

.ThumbImg:hover {
    box-shadow: 0 0 3px 2px rgba(112, 112, 112, 0.5);
          -webkit-transition: all .4s ease-in-out;  

}


.BiggerThumbImg {
    border: 2px solid #000;
    border-radius: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    max-width: 400px;

    
}

.BiggerThumbImg:hover {
    box-shadow: 0 0 3px 2px rgba(112, 112, 112, 0.5);
          -webkit-transition: all .4s ease-in-out;  

}

.TopOfPageLogo {
  height: auto;
  width: 100%;
  max-width: 200px;
}

.BottomOfPageLogo {
  height: auto;
  width: 100%;
  max-width: 400px;
}

.Mobile-Logo-Home { 
	
	  height: auto;
  		width: 100%;
  		max-width: 600px;

	
}

.img-border {
	 background:#000000;
    border:1px solid #999;

}


.PortfolioFeature {
    border: 2px solid #000;
    border-radius: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    max-width: 450px;

    
}

.PortfolioFeature :hover {
    box-shadow: 0 0 3px 2px rgba(112, 112, 112, 0.5);
          -webkit-transition: all .4s ease-in-out;  

}