@charset "UTF-8";
/* CSS Document */
.PageMenu {
	text-align: justify;
	color:#4C0D8D;
	font-size: 1.5em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width:100%;
	transform: rotate(-90deg);
	margin-top:0px;
	margin-left:-47%;
	position:sticky;
}

.homepagearea {
	margin-top:10%;
	display: flex;
	vertical-align:middle;
	flex-direction: column;
}

.RoofArea {
	width:70%;
	vertical-align: top;
	margin-left:15.1%;
}

.roofroof {
	padding:2%;
	position:relative;
}

.roofroof::before {
	content:"";
	position:absolute;
	top:0;
	left: 0;
	height: 60%;
	width: 50%;
	background-color: #4C0D8D;
	transform: skew(0deg, -10deg);
}

.roofroof::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 60%;
	width: 50%;
	background-color: #4C0D8D;
	transform: skew(0deg, 10deg);
}

.roofname {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width:50%;
	left:0;
	margin-top:-5%;
	transform: rotate(350deg);
}
.UnderTheRoof {
	width:60%;
	height:80%;
	margin-bottom:0px;
	margin-left:15%;
/*	border:1px red solid;*/
	position: absolute;
}

/*Questioning Service Page*/
.QuestioningIntro {
	border:1px red solid;
	width:110%;
	margin-left:4%;
	margin-top:10%;
	display: flex;
	flex-direction: column;
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "sans-serif";
	font-size:1em;
}

.QuestioningIntro img {
	width:35%;
	margin-left:29%;
	margin-top:-20%;
}
#main {
	margin-left:50%;
	width:300px;
	height:300px;
}

/*General*/
a {
	text-decoration: none;
	color:inherit;
}

a:hover {
	color:#50c2bd;
}

.footer {
	color:#4C0D8D;
	font-family: "Gill Sans", "Gill Sans MT", "sans-serif";
	font-size: .5em;
	margin-left:90%;
	margin-top:70vh;
	text-align: center;
}

body {
	background-color:#FEF5D6;
	height:100%;
	margin:0;
	padding:0;
	display: flex;
	flex-direction: column;
	align-content: space-around;
}
html {
	height:100%;
	}