body{
    background-color : white ;
}
.mybanner{
    background-image: url("../images/banner.jpg");
    height: 86px;
    
}

.mytopbar{
  background-image: linear-gradient(#5a7b2c,#9fb853); 
  background-size: contain; 
 
}
.myheader{
    background-image: url("../images/woodman.jpg");
    background-size: cover; 
}

.myheaderapps{
  background-image: url("../images/thedoon.jpg");
  background-size: cover; 
}

.myheaderabout{
  background-image: url("../images/img1.jpg");
  background-size: auto;
}
.mylone{
  background-image: url("../images/tree2.png");
  background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position:right bottom;
}

.myheadercontact {
	background-image: url("../images/arran.jpg");
  background-size: cover; 
}

.mytopbarleft {
  
  left: 16px;
  
}

.mytopbarright {
  
  right: 16px;

}

.mylinks {
    color:white;
}

.mylinks:hover {
    color:wheat;
    
    
}
.menu-text {
    color:black;
    
}

.maincontent{
    padding-left: 0px;
}

.myAppsList {
    list-style-type:none;
}

.myAppsList li {
    margin: 1em 0;
}

.myAppsList img:hover {
  transform: scale(1.05);
}

.mygoogle{
    width: 250px;
   
}
.mygoogleContent{
  
  text-align: center;
  background-color:#EEEEEE;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 2px solid #fefefe;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
          box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0; }

a.thumbnail {
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; 
}
  a.thumbnail:hover, a.thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(245, 222, 179, 1);
            box-shadow: 0 0 6px 1px rgba(245, 222, 179, 1); 
}
  a.thumbnail image {
    -webkit-box-shadow: none;
            box-shadow: none; 
}

.mypanel {
    background-color:#EEEEEE;
    padding: 15px ;
    border-radius: 25px;
}

.callout.large {
    padding: 2rem;
    height: 200px;
    
}

.footer{
    
    background-color: gainsboro;
    color:rgb(112, 112, 112);
    height: 40px;
    vertical-align: middle ;
    
}

.mytopbar ul {
  background-color: inherit;
}

.mainbg {
  background-color: white;
}
.appsmain {
  vertical-align: top;
}

.appsmaintext {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 15px;
}

.myAppsListtext {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: small;
}