* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;

}

h1 {
	color:#1d252c;
	font-size: 3.38em;
	font-weight: 700;
	margin-top: 0;
    margin-bottom: 0.67em;
    margin-left: 12%;
    margin-right: 0;
}
	
h2 {
	color:#34393f;
	font-size: 2.5em;
	font-weight: 700;
	margin-top: 4em;
	margin-bottom: 0.4em;
	margin-left: 12%;
}

p {
	color:#34393f;
	font-family: "PT Serif", serif;
	font-style: italic;
	font-size: 0.9em;
	margin-left: 15%;
	margin-right: 39%;
}


html, body {
    height: 100vh;
    font-family: 'Montserrat', sans-serif;
	background-color:#f0f0f0;
}

img.resize{
   	max-width:80%;
   	max-height:80%;
   	margin-top: 12%;
   	margin-left: 9%;
}

#containerLeft {
	float: left;
	position: relative;
	width: 67%;
}

#sidebar{
    float: right;
    position: relative;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    background: white;
	width: 33%;
}

a:link {color:#34393f; text-decoration: none;}      /* unvisited link */
a:visited {color:#aaaaaa; text-decoration: none;}  /* visited link */
a:hover {color:#eb5026; text-decoration: none;}  /* mouse over link */
a:active {color:#e8164a; text-decoration: none;}  /* selected link */


/* Responsive mobile phone & tablet version */
@media only screen and (max-width: 800px) {

	h1 {
		color:#1d252c;
		font-size: 2em;
		font-weight: 700;
		margin-top: 0;
	    margin-bottom: 0.67em;
	    margin-left: 8%;
	    margin-right: 0;
	}
		
	h2 {
		color:#34393f;
		font-size: 2.5em;
		font-weight: 700;
		margin-top: 1.5em;
		margin-bottom: 0.4em;
		margin-left: 8%;
	}

	p {
		color:#34393f;
		font-family: "PT Serif", serif;
		font-style: italic;
		font-size: 0.9em;
		margin-bottom: 1em;
		margin-left: 11%;
		margin-right: 35%;
	}

	#sidebar{
	    position:relative;
	    display: inline-block;
	    background: white;
		width: 100%;
	}

	img.resize{
	   	max-width: 100%;
	    max-height: 100%;
	    margin-top: 8%;
	    margin-bottom: 10%;
	    margin-left: -1.5%;
	    width: 100%;
	}

	#containerLeft{
	position: relative;
	width: 100%;
	}
	
}