* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #83358c;
    color: #FFF;
    text-align: left;
    font-size: 10pt;
     font-family: "Delius", sans-serif;
    text-align: center;
    line-height: 1.3em
}
.reveal section img {
    margin: 15px auto;
    background: none;
    border: 0;
    box-shadow: 0 ;
}	
#logo{margin: 40px}
#logo img {width: 300px;margin:0 40px 0 0;}
h1{color:#FFF; text-align: left; font-size: 2.3em; line-height: 1.2em; float: none; padding: 0; margin: 10px auto 0}
.forminput {
    display: block;
    width: 98%;
    clear: both;
    max-width: 500px;
    margin: 8px auto;
    overflow: hidden
}
.quarterforminput label {
    color: #FFF;
    font-weight: 100
}
.forminput input,.forminput textarea,.forminput select  {
    display: block;
     padding: 8px 6px;
    background-color: #FFF;
    font-family: 'Open Sans',sans-serif;
    width: 100%;
    max-width: 500px;
    color: #222;
    margin: 0
}
.forminput input[type=submit] {
    display: block;
    background-color: #8d889c;
    font-family: 'Open Sans',sans-serif;
    width: 295px;
    margin: 5px auto;
    color: #FFF;
    font-weight: 700;
     border: 0;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    padding: 8px 10px;
    -webkit-box-shadow: 0 0 3px 0 #999;
    -moz-box-shadow: 0 0 3px 0 #999;
    box-shadow: 0 0 3px 0 #999
}
.forminput input[type=submit]:hover {
    background-color: #e0e0df;
    color: #e9540d;
    -webkit-box-shadow: 0 0 1px 0 #999;
    -moz-box-shadow: 0 0 1px 0 #999;
    box-shadow: 0 0 1px 0 #999
}
.halfforminput input,.threequaterforminputRight input,.threequaterforminput input,.forminput input,.forminput textarea {
    border: 1px solid #ccc
}
form {width: 450px; text-align: center; margin: 0 auto;}
.fifth{width: 16%; margin:20px 2%; float: left; height: 20vh;}
.quarter{width: 23%;float:left;margin: 50px 1%;}
.third{width: 31%; margin: 50px 1%; float: left;}
	a {text-decoration: none; color:#FFF; font-weight:bold;}
	.whiteBlock a {text-decoration: none; color:#515160; font-weight:bold;}
	.progress {
    min-width: 100px;
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 90%;
    background-color: #acece6;
    border-radius: 2px;
    margin: .5rem auto 1rem auto;
    overflow: hidden;
}
	.progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #26a69a;
    transition: width .3s linear;
}
	
	.auth-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.clear{clear: both;}
.col50{width: 49.5%; margin:0; padding:0; float: left;}
.whiteBlock {background-color:#fbba82; color: #6b1568; height: 100vh; min-height: 100vh; border-left: 1px solid #83358c; border-right: 1px solid #83358c;}
.whiteBlock h1{ color: #83358c; padding: 20px 5% 0px 5%;}
.whiteBlock p{ color: #83358c; padding: 5px 5%; text-align: left;}
#main, #casestudies {clear: both; width: 100%;  border-top: 1px solid #26a69a;}
#main  {background-color:#FFFFFF; color: #26a69a; }