body {
    font-family: 'Chau Philomene One', sans-serif;
    background-color: #4F7D99;
    color:white;
}

a:link {
    color:black;
    text-decoration: none;
}

a:visited {
    color:black;
    text-decoration: none;
}

#main {
    position:relative;
}

#centerDiv {
    position: relative;
    left:2%;
}

h1 {
    margin-left: 4%;
    font-size: 40px;
}

h2 {
    font-size: 35px;
    margin:0px;
}

h3 {
    font-size: 25px;
    margin:0px;
}

#TitleDiv {
    background-color: #303030;
    color:white;
    padding:0px;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#Motivation1 {
    background-image: url("../images/sabt/slate.png");
    background-size:90% 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #303030;
    padding:0;
    position:relative;
    z-index:0;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#Motivation1Desc, #Motivation2Desc, #Motivation3Desc {
    background-color:#303030;
    color:white;
    font-size:19px;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#Motivation1Desc p {
    margin:20px;
}
#Motivation2Desc p {
    margin:20px;
}
#Motivation3Desc p {
    margin:20px;
}

#Motivation2 {
    background-image: url("../images/sabt/batteries.png");
    background-size:90% 90%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #303030;
    position: relative;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#Motivation3 {
    background-image: url("../images/sabt/sabt_icon.png");
    background-size:90% 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #303030;
    position: relative;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#Project {
    display:none;
}

#Project p {
    display:none;
}

#ProjectTitle {
    display:none;
}

#ProjectTitle a{
    display:none;
}

#pointer1, #pointer2, #pointer3 {
    background-image: url("../images/sabt/arrow.png");
    background-size:70% 20%;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    right:0px;
    background-color: #43D58C;
    width:15%;
    height:100%;
    z-index:10;
}

#hold {
    visibility:hidden;
}

p {
    margin-left: 2%;
}

#home, #people, #sabtHome {
    background-color: #43D58C;
    height:10%;
    font-size:20px;
    color:white;
    text-align:center;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
}

#home p {
    margin-top:7%;
}

#people p {
    margin-top:7%;
}

#sabtHome p {
    margin-top:7%;
}

#SABTBackground {
    position:absolute;
    right:0px;
    background-size:100% 100%;
    background-image: url("../images/sabt/sabt.png");
    background-position: top;
    background-repeat: no-repeat;
    width:70%;
    height:50%;
    top:30%;
    z-index:-100;
}

#explain {
    position:absolute;
    bottom:5%;
    right:5%;
    width: 60%;
    height: 15%;
    z-index:-100;
    color:white;
    font-size:17px;
}

#board {
    position: absolute;
    right: 34%;
    bottom: 31%;
    width: 16%;
    height: 15%;
}

#enter {
    position:absolute;
    height: 7%;
    width: 5%;
    bottom: 49%;
    right: 46%;
}
#nav {
    position:absolute;
    height: 4%;
    width: 7%;
    bottom: 54%;
    right: 25%;
}

#mainBtns {
    position:absolute;
    right: 24%;
    height: 15%;
    width: 10%;
    bottom: 35%;
    z-index:100;
}

#unknown {
    width:80%;
}

@media (max-width: 750px) {
    #SABTBackground {
        display:none;
    }
    #explain {
        display:none;
    }

    #Project {
        background-color: #303030;
        padding:0;
        position:relative;
        z-index:0;
        color:white;
        font-size:18px;
        height:700px;
        -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 1);
        -moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 1);
        box-shadow:         0px 0px 20px rgba(50, 50, 50, 1);
        display:block;
    }
    #Project p {
        position: absolute;
        top:7%;
        margin:6%;
        display:inline;
    }

    #ProjectTitle {
        background-color: #43D58C;
        height:6%;
        position:absolute;
        top:0px;
        width:100%;
        display:inline;
    }

    #ProjectTitle a{
        position:absolute;
        font-size: 25px;
        margin:2%;
        display:inline;
    }
}