* {
    font-family: 'Work Sans', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

html {
    height: 100%;
    width: 100%;
    background-color: #DEF3F9;
    background: rgba(0, 0, 0, 0) linear-gradient(to left, #ffffff, #ece9e6) repeat scroll 0% 0%;
}


#background {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, #faf7f2, #96d8ee, #d4dfdb, #bb8d5c, #faf7f2);
    background: -moz-linear-gradient(top, #faf7f2, #96d8ee, #d4dfdb, #bb8d5c, #faf7f2);
    background: -ms-linear-gradient(top, #faf7f2, #96d8ee, #d4dfdb, #bb8d5c, #faf7f2);
    background: -o-linear-gradient(top, #faf7f2, #96d8ee, #d4dfdb, #bb8d5c, #faf7f2);
    height: 100%;
    z-index: -100;
}

body {
    height: 100%;
    width: 100%;
}

#sections {
	height: 100vh;
}

section {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

section#loading {
    display: none;
}

.HideOnMobile{
    display:none;
}
#SectionsBackground{
    display:none;
}
@media only screen and (min-width : 1324px){
    #sections{
        overflow:hidden;
        width:1000px;
        margin-left:auto;
    }
    section{
        height: 100%;
        width:800px;
        overflow-x:hidden;
        overflow-y:auto;
    }
    .HideOnMobile{
        display:block;
    }
    #SectionsBackground{
        display:block;
        position:fixed;
        height:100vh;
        width: 800px;
        margin-right: 199px;
        top:0;
        right:0px;
        background:#fff3;
        border-left:1px solid #aaa;
        border-right:1px solid #aaa;
        z-index:-100;
    }
}