body {
    margin: 0px;
    padding: 0px;
    background-color: #F8F9FA;
}

#logo {
	position: absolute;
	top: 3vh;
	left: 5vw;
	width: 40vw;
	height: calc(40vw * 0.2524);
	/*background-color: #00FF00;*/
	background-image: url(../images/webmail_logo0.png);
	background-size: cover;
}

#slogan {
	position: absolute;
	top: 3vh;
	left: 50vw;
	width: 40vw;
	height: calc(40vw * 0.239);
	/*background-color: #FF0000;*/
	background-image: url(../images/slogan.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 80%;
	opacity: 0.5;
}


#cont {
	position: absolute;
	top: calc(40vw * 0.2524 + 10vh);
	left: 5vw;
	width: 90vw;
	font-size: 1em;
	color: #000000;
	opacity: 0.8;
}

.subTitle {
	position: relative;
	width: 90%;
	margin-top: 5vh;
	margin-bottom: 20px;
	padding-left: 18px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 2px;
	border-left: solid 6px;
	border-color: #DADCE0;
}

.li-none {
	list-style-type: none;
}