html, body {
font-size: 18px !important;
}

body {
    background: #b3c6e7 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4d4d4d !important;
}

p {
    color: #4d4d4d !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif !important;
    color: #369;
}

img {
    max-width: 100%;
    height: auto;
}

.topbar {
    background: #fff;
    max-width:80%;
    margin-top: 2%;
    height: 150px;
}
.topbar img {
    max-width: 100%;
    padding: 20px;
}

.logo {
    width: 300px;
    float: left;
    position: relative;
}

.header {
    background: #fff;
}

.w3-container.pagecontent p {
    padding-right: 3%;
    text-align: justify;
}

.homebox {
    vertical-align: top;
    display: inline-block;
    margin: 0 0 15px 10px;
        margin-left: 10px;
    width: 30%;
    border: 2px solid #b3c6e7;
    padding: 10px 12px;
    min-height: 620px;
}

.homebox a {
    text-decoration: none;
}

.breederslistbox {
    vertical-align: top;
    display: inline-block;
    margin: 0 0 15px 10px;
        margin-left: 10px;
    width: 30%;
    border: 2px solid #b3c6e7;
    padding: 10px 12px;
    min-height: 620px;
    font-size: 0.8em;
}

.breederslistbox a {
    text-decoration: none;
}

.memorialslistbox {
    vertical-align: top;
    display: inline-block;
    margin: 0 0 15px 10px;
        margin-left: 10px;
    width: 30%;
    border: 2px solid #b3c6e7;
    padding: 10px 12px;
    min-height: 400px;
    font-size: 0.8em;
}

.memorialslistbox td {
    font-size: 0.95em !important;
    line-height: 1.4em;
}

.memorialslistbox p {
    font-size: 0.95em !important;
    line-height: 1.4em;
}

.memorialslistbox a {
    text-decoration: none;
}

/*---content-galery----*/

.popup-gallery {
    float: left;
    width: 100%;
}
.content-gallery a{
	 color: #FF6600;
	  }
.content-gallery h3{
	 margin: 10px 10px 0 10px; 
	 color:#FFF;
	 font-family: 'Open Sans', sans-serif;
         font-size:20px;
	  letter-spacing:-1px; 
	  font-weight: bold;
	  }
			
	.boxgrid{ 
			width: 29%;
			height: 260px;
			margin: 10px;
			float: left;
			overflow: hidden;
			position: relative;
			}
	
	.cover boxcaption{
		top:170px;
	}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt 'Open Sans', sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #504F4D; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 179px;
 					left: 0;
 				}
				
		/*---end-content-gallery---*/

.w3-sidebar {
    position: absolute !important;
}

.toppagetitle {
    padding-top: 40px;
}

.w3-row {
    background: #fff;
}

#sidebar {
    font-size: 0.9em;
    margin-top: 50px;
}
#sidebar li {
    list-style-type: none;
}

.w3-bar-block .w3-bar-item {
    padding: 2px 16px !important;
}
#topnav a {
    text-decoration: none;
}

/* Show children of active parent only */
#sidebar>ul>li>ul { display: none !important; }
#sidebar>ul>li.active>ul { display: block !important; }

.inner.w3-bar-item.w3-button {
    margin-left: -10px !important;
}

.inner.w3-bar-item.w3-button {
    margin-left: 20px;
}
.w3-sidebar {
    overflow: hidden !important;
    height: auto !important;
}

.pageList {
    list-style: none;
    text-align: right;
}

.pageList li {
    display: inline;
}

@media (max-width:1280px){
 
.breederslistbox {
    width: 47%;
    min-height: 590px;
}

}

@media (max-width:1768px){
 
.w3-container.pagecontent p {
    padding-right: 3%;
    text-align: left;
}
.homebox {
    width: 47%;
    min-height: 590px;
}
.breederslistbox {
    width: 47%;
    min-height: 590px;
}
    .memorialslistbox {
        width: 47%;
        min-height: auto;
    }

}
@media (max-width:1366px){
    .breederslistbox {
        width: 99%;
        min-height: 590px;
    }
    .memorialslistbox {
        width: 99%;
        min-height: auto;
    }
}

@media (max-width:992px){
    .w3-sidebar.w3-collapse {
    border: 1px solid #4d4d4d;
    }
	.boxgrid {
		width: 46%;
		margin: 10px 19.8px 10px 0px;
	}

}
@media screen and (max-width: 800px) {
    .boxgrid {
    width: 99%;
    }
}

.w3-main {
    min-height: 900px;
    background-color: #fff;
}

.courier {
    font-family: monospace, monospace;
    color: #b3c6e7;
}

.footer {
    text-align: right;
    color: #fff;
}
.footer a {
    text-decoration: none;
}
.w3-rightcol {
    float: right;
    width: 30%;
    display: block;
    position: relative;
}