Hi:
The only change I made in the header.php file is adding google site verification code.
I have the following customized CSS:
.custom-header {
background-size: 100% 100% !important;
}
.home-content-boxes {
font-family: 'Baskerville Old Face', sans-serif;
}
.home-content-boxes h2 {
font-size: 22px;
}
.content-box p {
color: #0099CC;
font-size: 18px;
}
.content-box .read-more {
background: rgba(0,0,0,.05);
color: #067a9e;
}
.icon-arrow-right.icon-big {
text-align: right;
color: #067a9e;
}
.da-slide p, #slide_holder p {
font-size: 80%;
}
.slide_holder .featured-title a {
font-size: 100%;
letter-spacing: 0;
}
.slide_holder .featured-title a {
font-family: 'Baskerville Old Face', sans-serif; !important;
font-size: 22px
color: #016372;
}
.entry-content .thumbnail-post img {
height: auto !important;
}
.carousel-caption {
background: none;
padding-bottom: 0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
bottom: 35px;
}
.slide_holder .featured-thumbnail img {
width: 100%;
height: auto;
border: none;
}
.container.container-header.custom-header {
max-height: 89px !important;
}
@media only screen and (max-device-width : 768px) {
.glyphicon-align-justify:before {
content: "e055";
content: " Menu " !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 20px;
}
}
.container.container-header.custom-header {
max-height: 89px !important;
}