.title-wrap {width: 100%; background-color: rgba(0,0,0,0.6);padding: 40px;    border-radius: 5px; box-shadow: 0 0 10px #999;}
.large-header {width: 100%;}
.header img {opacity: 0.75;}

.general .mini-title {font-size: 16px;}
h1 {color: #fff; margin: 10px 0 10px 0; font-size: 64px; font-weight: bold; text-shadow: 2px 2px 5px #000;}
.large-header-content .intro { color: #fff;}
.large-header-content .intro p:last-of-type {margin-bottom: 0;}

a.article-thumbnail {display: block; box-shadow: 0 0 15px #aaa; color: #333; overflow: hidden; border-radius: 2px; margin-bottom: 20px;}
a.article-thumbnail img {width: 100%; height: 175px;}
.block_description { padding: 10px 15px;background-color: rgba(6,53,53,0.25);
    color: #333;}
.block_description h3 {font-size: 18px; margin: 0;}
.block_description h3:hover {text-decoration:underline;}
.block_description p {font-size: 14px; margin: 0.5em 0 0 0;}
.block_description p:hover {text-decoration:underline;}

.guide-section {padding: 40px 0 0 0;}
.guide-section h4 {text-transform: uppercase; margin: 0;}

.section-bar {background-color: #f8f9fa;margin: 40px 0; padding: 40px 0;}
.section-bar .intro {text-align: left;}
.section-bar .intro h2 {font-size: 24px; margin: 20px 0 10px 0; color: #000;}
.section-bar .intro h3 {text-transform: uppercase;margin: 0; font-size: 18px;}
.promo-text .block {background-color: #fff; display: block; border-radius: 5px; box-shadow: 0 0 15px #aaa; overflow: hidden;margin: 20px 0 0 0;}
.promo-text .block img {width: 100%;display: block;}
.promo-text .block .wrapper {width: 100%; padding: 15px 10px;}
.promo-text a {font-weight: bold; font-size: 16px;}
.promo-text a:hover {text-decoration: underline;}

.guide-section {background-color: #f8f9fa;}
.guide-section, .british-expat-section {padding: 40px 0;}
h3 {font-size: 18px;}
.link-block {overflow: hidden;}
.link-block img {width: 100%; border-radius: 5px;}
.link-block h3 {margin: 10px 0 0 0;}
ul.links {list-style-type: none; margin: 10px 0; padding: 0;}
ul.links li {margin: 10px 0; font-size: 14px;}
ul.links li a {}
ul.links li a:hover {text-decoration: underline;}
.tool-section {margin: 20px 0 0 0;background-color: #f2f2f2; padding: 50px 0;}
.link-block {margin: 20px auto; max-width: 350px;}

@media screen and (max-width:800px){ 
    .large-header-content {top: 20px;}
    .title-wrap {padding: 30px;}
    h1 {font-size: 36px;}
    .header img {width: 100%; height: auto;}
}
@media screen and (max-width:600px){ 
    .large-header-content {top: 0;}
    .title-wrap {padding: 20px;}
    h1 {font-size: 28px;}
    .header img {width: 120%; height: auto;}
}