/* First draft styles for portal maintenance site */

/*

background-color: #505050; /* dark grey border between header and info- section 

*/


body {
	margin: 0;
	padding: 0;
    overflow: hidden;
    font-family: open-sans, roboto, arial;
}

.header{
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    
}

    .headwrap{
        display: flex;
        width: 100%;
        height:200px;
        background-color: #fff;   
    }

.logo{
    position: relative;
    left: 0;
    width: 25%;
    height:inherit;
}

.logo img{
	padding: 0.75rem;
}

.headline{
    position: relative;
    width: 50%;
    height:200px;
    text-align: center;
}

.headline h1{
    top: 50%;
}

.filler-left{
    position: relative;
    left: 0;
    width: 25%;
    height:inherit;
}

h1{
    font-size: 3rem;
    font-weight: bold;
}

h1, h2, h3 {
	color: black;
	
}
h3 {
	padding: 0px 0px 0px 0.75rem;
}



.info {
    position: relative;
    top: 200px;
    height: 100%;
    width: 100%;
}
.infowrap{
    display:flex;
    height: 1000px;
}
.left, .right {
    width: 50%;
    height: 100%;
    color: black;
}

.left {
    background-image: url("pics/formpipe_construction-site-1-2.png");
    background-size: cover;

}

.right p,h2{
	padding: 0.75rem;
}

.footer {
    background: #70287f repeat-x;
    padding: 0.75rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    clear: both;
    font-size: 11px;
    overflow: hidden;
}

.footer p{
    color: white;
}