html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
font-family: 'Montserrat', sans-serif;
      }
	  
.backblock {
display: block;
background-color:#FFFFFF;
opacity: 0.7;
margin-top: 20em;
margin-left:none;
width:100%;
padding:2em;
}


.titletext {
	font-size: 2em;
	color: #000000;
	font-weight:300;
	display:block;
	margin-bottom:0.5em;
}

.boldtext {
	font-weight:bold;
	/*letter-spacing:0.2em;*/
}

.context {
	font-size: 1.1em;
	font-weight:300;
	letter-spacing:0.15em;
}


.bodytext {
	font-size: 1.35em;
	color: #000;
	font-weight:300;
	display:block;
	margin-bottom:2em;
}





@media screen and (max-width: 500px) {
    
.backblock {
margin-top: 10em;
padding:1em 1em;
}


.titletext {
	font-size: 1.0em;
	font-weight:300;
	margin-bottom:0.5em;
}
.bodytext  {
	font-size: 0.9em;
	font-weight:bold;
	margin-bottom:0.5em;
}

.context {
	font-size: 1.2em;
	font-weight:300;
	letter-spacing:0.15em;
}

}