a.featurebox{
	position: relative;
	height: 500px;
	display: block;
	margin-bottom: 10px;
}

.featurebox-background-image{
    background-color: #f1f1ef;
    height: 100%;
		width: 100%;
    background-position: center center;
    background-size: cover;
		position: relative;
}

.featurebox-text-holder{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 20px;
}

h2.featurebox-h2{
		color: #fff;
    font-size: 3em;
}

p.featurebox-p{
		color: #fff;
    left: 0;
    font-size: 1.3em;
    max-width: 700px;
    -webkit-font-smoothing: antialiased;
}

.featurebox-background-image:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,.2),rgba(0,0,0,.6),rgba(0,0,0,.9));
  background: linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,.2),rgba(0,0,0,.6),rgba(0,0,0,.8));
  z-index: 1;
}

.featurebox-flag.featurebox-flag.featurebox-flag{
	font-family: 'freight-text-pro','Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
	padding: 4px 18px 4px 13px;
	color: #fff;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	margin: 0;
	top: 8px;
	font-size: 1.0em !important;
	font-size: 0.9em;
	width: auto !important;
	z-index: 1;
	display: inline-block;
	background: rgba(0, 0, 0, 0.57);
}

@media only screen and (max-width: 1100px){
	.featurebox-background-image{
	    width: 98%;
	    margin-left: 1%;
	    margin-right: 1%;
	}
}

@media only screen and (max-width: 700px){
	a.featurebox{
		height: 400px;
	}

	.featurebox-p{
		font-size: 0.95em;
	}

	h2.featurebox-h2{
			color: #fff;
	    font-size: 2em;
	}

	.featurebox-background-image{
	    background-position: center right;
	    background-size: cover;
			position: relative;
	}
}