#header {                       height: 120px;
                                background-color: #000000;
                                background-size: cover;
								background-image: url('../images/north_walsham_guide_head_2025.jpg');
                                }

#header2 {                      height: 120px;
                                margin-top:-120px;
                                background-image:url('../images/pastliveaidpic.jpg');
                                background-repeat:no-repeat;
                                background-position: bottom right;
                                background-size:contain;
                                }

#header2 #hRight {              text-align: right;
                                margin: 0px 30% 0 0;
                                padding-top: 30px;
                                color: #FFFFFF;
                                text-shadow: 0px 0px 5px #000000;
                                }

.button.alert {					background-color: #990000; border-radius:0; }
.button.secondary {				background-color: #333333; }
.button.success {				background-color: #8c4098; }
.button {						background-color: #8c4098; }

#header2 #hRight h2 {           font-size: 1.8em;
                                border-bottom: 1px dotted #FFFFFF;
                                }

#header2 #hRight h1 {           font-size: 1em; margin: 0; padding:0;
                                }
#footer-container { 			text-align: center; background-color: black;}
#footer-container li { 			float: none;;}

.linksTable {       		font-size: 0.9em;
				    }
.linksTable .row{    		border: 1px solid #999999; margin: 10px 0 10px 0; border-radius: 10px; box-shadow: 2px 2px 8px; }
.linksTable .columns{ 		margin: 10px 0 10px 0;}

.linksTable h4 {    		margin:0;padding: 0;}

.servicesBox    {           width: 100%;
                            height: 250px;
                            border: 1px solid #CCCCCC;
							background-color: #DEDEDE;
                            overflow: auto;
                            font-size: 0.9em;
							color: black;
}
#footer .servicesBox {		background-color: #003300; color: #FFF; }
#footer .servicesBox a {	color: #FFF; }
.servicesBox div    {       margin: 5px;}

.book_cover {				display: block; margin-left: auto; margin-right: auto; transform: rotate(8deg); border: 2px solid white;}

.breadcrumb {				font-size: 0.8em; text-align: right; margin: 6px 30px 0 0; color: #999;}
.breadcrumb a {				color: #999;}

main{ margin: 10px; }

.breadcrumb { border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}


/* -------------------------- Responsive ---------------------------- */

/* CSS declarations for LARGE screen (based on Foundation Break Points) */
@media (max-width: 1024px) {

}

/* CSS declarations for MEDIUM screen (based on Foundation Break Points) */
@media (max-width: 640px) {
	
#header2 #hRight {              text-align: left;
                                margin: 0 0 0 20px;
                                padding-top: 20px;
                                }
.book_cover {					transform:none;
								width: 60%;
								}
}

/* CSS declarations for SMALL screen (based on Foundation Break Points) */
@media (max-width: 440px) {

}