.slide1 {
    background-image:url(../image/menu.png);
    height:50%;
    color:white;
    text-align:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

h1 {
    font-size:3rem;
    padding-top:140px;
}

h2 {
    font-size:2.5rem;
}

.slide2 h3 {
    font-size:2rem;
    color:black;
    letter-spacing:normal;
    text-align:left;
    font-weight:700;
}

h4 {
    font-size:1.2rem;
}

h5 {
    font-size:1.2rem;
}

p {
    color:#1D1D1D;
    padding-top:5px;
}

.hamburger {
    float:right;
    position:relative;
    padding:0;
    cursor:pointer;
    opacity:0;
    margin-right:10%;
}

.hamburger img{
    width:30px;
}

.logo {
    float:left;
    position:relative;
    top:0px;
    margin-left:10%;
}

.logo img {
    width:200px;
}

.slide2 {
    padding-top:70px;
    width:80%;
    margin:auto;
}

#line {
    width:100%;
    height:1.5px;
    background-color:#DCDCDC;
    margin-top:30px;
    margin-bottom:30px;
}

#left {
    float:left;
    width:45%;
}

#left1 {
    float:right;
    width:45%;
}

#right {
    float:right;
    width:45%;
}

#right1 {
    float:right;
    width:45%;
}

#clear {
    clear:both;
    padding-bottom:70px;
}

#mclear {
    clear:both;
    padding-bottom:10px;
}

#innerleft {
    width:80%;
    float:left;
}

#innerright {
    width:20%;
    float:right;
    text-align:right;
}

#innerclear {
    clear:both;
    height:40px;
}

#h3break {
    padding-bottom:30px;
}

#button h3 {
    color:white;
    line-height:70px;
    text-align:center;
}

#button {
    background-color:black;
    width:80%;
    height:70px;
    margin-bottom:30px;
    border-radius:5px;
    -webkit-transition:background-color 500ms;
    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    -ms-transition: background-color 500ms;
    transition: background-color 500ms;
}

#button:hover {
    background-color:#DA3C4D;
}

.slide6 {
    /*padding-top:70px;*/
    width:60%;
    margin:auto;
}

.slide6 img{
    width:100%;
}


/*-----Responsive-----*/

@media screen and (max-width:980px) {
    
    .hamburger {
        padding-top:10px;
        opacity:1.0
    }
        
}

@media screen and (max-width:800px) {
    
    .slide6 {
        width:90%;
    }
    
    #left {
        width:100%;
    } 
    
    #left1 {
        width:100%;
        margin:auto;
    }
    
    #right1 {
        width:100%;
        margin:auto;
    }
    
    #right {
        width:100%;
        float:left;
    }
    
    #button {
        width:100%;
    }
    
    #button h3 {
        font-size:1rem;
    }
    
}
@media screen and (max-width:355px) {
    
    #section5 {
        width:95%;
    }
    
    #section5 img {
        width:35px;
        padding-left:30px;
        float:right;
    }

    #facebook img {
        width:19.5px;
    }

    #twitter img {
        width:40px;
    }
    
    .logo img {
        width:150px;
        padding-top:10px;
    }
    
    h1 {
        font-size:2rem;
    }
    
    
}