@charset "UTF-8";
/* CSS Document */

  html { 
  	  height: 100%;
	  width: 100%;
}
		
		
        body {
            background-image: url("light_textured_backround.jpg");/*http://www.momorialcards.com/texturebackgrounds.html is where I found the background*/
			background-size: 100%;
			
	    }
		
		
		
		header {
			width:96%;
            margin: 2%;
			clear: both;
		}
		
		header #logo {
			height: auto;
			width: auto;
			float: left;
		}
		
		header div h1 {
			font-family: 'Open Sans', sans-serif;
			font-size: 50px;
			color: brown;
			float: right;
			clear: both;
			margin-top: -25px;
		}
		
		header nav{
    	float: right;
		clear: right;
		
		}

		header nav ul li{
    	list-style: none;
    	display: block;
    	float: left;
    	margin: 20px;
		}

		header nav ul li a{
   		text-decoration: none;  
    	font-family: 'Open Sans', sans-serif;
    	font-size: 20px;
		color: black;
		}

		header nav ul li a:hover{
    	color: #B9B9B9;
		}
		 /*Breadcrumbs*/
		#breadcrumbs {
			float: left;
			font-family: 'Open Sans', sans-serif;
			font-size: 15px;
			color: black;
			}
			
		#breadcrumbs a {
			text-decoration: none;
			color: brown;
			}
			
		#breadcrumbs a:hover {
			color: #B9B9B9;
			}
		
		/*Columns and Photos*/
        #container {
            width:96%;
            margin: 2%;
			
		}
		
        .column{
            float:left;
            width:46%;
			height: auto;
			margin: 2%
		}
		
		.column img {
            margin: auto;
			width: auto;
			height: auto;
			float: right;
        }
		 
        
		
        .column h3 {
			font-size: 20px;
			text-align: left;
			font-family: 'Open Sans', sans-serif;
			color: black;
			margin-top: -5px;
			}
		
        .column p {
			text-align: left;
			font-family: 'Open Sans', sans-serif;
			color: brown;
			font-size: 20px;
			width: 96%;
			margin: 2%;
			height: auto;
        }
		
        h1 {
			text-align:center;
			font-family: 'Open Sans', sans-serif;
			font-size: 50px;
			
			
		}
		
	    h2 {
			text-align: left;
			font-family: 'Open Sans', sans-serif;
			font-size: 30px;
			
		}
		
		h3 {
			text-align: left;
			font-family: 'Open Sans', sans-serif;
			font-size: 20px;
			}
		
		p {
            text-align: center;
			font-family: 'Open Sans', sans-serif;
		}
		
		.clear {
			clear: both;
		}
		
		
 #footer {
            clear:both;
            text-align:center;
			font-family: 'Open Sans', sans-serif;
			
        }
/*Smaller Desktop*/

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

}

/*Tablets*/
@media screen and (max-width: 758px) {
	
}


/*Phones*/
@media screen and (max-width: 524px){

header #logo {
	width: 400px;
	float: left;
	
}
}