body .blogpart { 
  font: 26px/2 'Gloria Hallelujah', cursive; 
  color: #4A4A4A;
  text-align: justify;
}

.blogpart #page-wrap { 
  max-width: 800px; 
  margin: 1rem auto;
  padding: 1rem;
}

.blogpart h1, .blogpart h2 {
	font-size: 30px;
	color: #FF4466;
  	line-height: 1.2;
}

.blogpart p , .blogpart ul, .blogpart h1 { 
  margin: 0 0 1rem 0; 
  position: relative;
}

body .blogpart {font-size:20px}

.holder {
    height: 640px;
    margin-bottom: 40px;
  background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6) ), url("http://res.cloudinary.com/dxzwevsfs/image/upload/v1495232609/hero_cnorzn.jpg");
  background-size: cover;
    background-position: center center;
  position: relative;
}

.blogpart .centertext{
	text-align: center;
}
.blogpart .bigger {
	font-size: 28px;
	color: #4A4A4A;
	margin-bottom: 2em;
	}

.blogimage, .blogpart h3 {
display: none;
}
.blogpart h2 {
font-family: inherit;
}
.blogpart p {
font-family: 'Noto Serif', serif;
}
.col-xs-9 {width: 100%;}

@media screen and (max-width: 1000px){
  .holder {height:300px}
}

@media screen and (max-width: 800px){
  .holder {height:250px}
}


@media screen and (max-width: 400px){
  .holder {height:200px}
}

.holder h1 {color:white; bottom:0.5em; font-size:3em;  font-weight:300;  position:absolute; left:10%; line-height: 1.5em;}

.holder p{color:white; font-size:0.8em; text-align:center; position:absolute; bottom:0.9em; left:10%; text-transform:uppercase; letter-spacing:2px; font-weight:600}

@media screen and (max-width: 1000px){
  body .holder {font-size:17px}
  h1 .holder {font-size:3.5em;}
}

@media screen and (max-width: 800px){
    body .holder {font-size:16px}
  h1 .holder {font-size:2.5em; bottom:1em;}
}

@media screen and (max-width: 400px){
  h1 .holder {font-size:2em;bottom:1.5em;}
}