body {
background : #01112d;
text-align: center;

}


/* The hero image */
.hero-image {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("photographer.jpg");

    /* Set a specific height */
    height: 155px;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;


}

/* Place text in the middle of the image */
.hero-text h1{
	text-align:left;
	font-size:42px;
    position: absolute;
    top: 23%;
    left: 21%;
    transform: translate(-50%, -50%);
    color: white;
}
/* working idea*/
.hero-text h2{
  text-align: right;
  	font-size:12px;
  position: absolute;
  top: 85%;
  left: 90%;
  transform: translate(-50%, -50%);
  color: white;
}


.contact {
	width: 900px;
	height: 800px;
}


.pagelist a:link,.pagelist a:visited {
    background-color: #47618e;
    color: white;
    padding: 16px 28px;
    text-align: center;
	font-size: 13pt;
    text-decoration: underline;
    display: inline-block;
}

.pagelist a:hover, .pagelist a:active {
    background-color: #821737;
}
h2{
	text-align: left;
	font-family: "arial"
	font-size: 40pt;
	color: #c8d1cc;
}

#main{
	width: 900px;
	height: 1250px;
	background: #c6cbd3;
	margin: 25px auto;
	border: solid 3px #000000;
	padding: 15px;
}
h1{
	text-align: center;
	font-family: "arial"
	font-size: 26pt;
	color: #000000;
}
hr {
	height: 2px;
	color: #000000
}

p{
	font family: "Calibre"
	font-size: 14pt;
	text-align: left;
	text-indent: 48px;
	color: #000000
}
.contactpar p{
		text-align: center;

}