html{overflow-y: scroll;}
body{
    background:#d1dee7;
    margin:0;
    padding:0;
    font-size:18px;
    color:#4e4e55;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
}
h1{
    font-family:"Melbourne-Bold"
}
p{}
a{
    text-decoration:none;
    color:inherit;
}
@font-face {
    font-family:"Melbourne-Bold";
    src:url("font/Melbourne_bold.eot?") format("eot"),url("font/Melbourne_bold.woff") format("woff"),url("font/Melbourne_bold.ttf") format("truetype"),url("font/Melbourne_bold.svg#Melbourne-Bold") format("svg");font-weight:normal;font-style:normal;
}
#topHalf{
    background: #fff;
    width: 100%;
    position: absolute;
    right: 0px;
    height: 50%;
    z-index:-1;
}
.logo{
    width: 320px;
    top: 25%;
    margin-top: -65px;
    position: absolute;
    margin-left: -160px;
    left: 50%;
}
.infoBox{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:25px;
}
.fa{
    background:#4e4e55;
    color:#d1dee7;
    border-radius:50%;
    height:36px;
    width:36px;
    line-height:36px;
    text-align:center;
    display:inline-block;
}
@media only screen and (max-device-width: 480px) {
.logo{
    width: 250px;
    margin-top: -51px;
    margin-left: -125px;
}
}