/* Table of contents.
----------------------------------------------------------------------
-General Content
-Typography
-Header+Nav
-Images+Meddia
-Footer
-Media Queries
----------------------------------------------------------------------*/

/*General Content
----------------------------------------------------------------------*/
.main {padding-top: 3%;}

.row{padding: 2% 0;}

.blue {
    background-color: #76bfd7;
}




.inner{
    width: 50%;
    margin: 0 auto;
}



/*Typography
----------------------------------------------------------------------*/
h1{
    font-family: 'moonlight' ,sans-serif;
    color: white;
    font-size: 3.75em;
    text-align: center;
}
h2 {
    font-family:'montserratlight' ,sans-serif;
    font-size: 2.936875em;
    color: #878585;
    text-align: center;
    }
h3{
    font-family: 'moonbold' ,sans-serif;
    font-size: 1.079375em;
    color: #343333;
    text-align: center;
}
/*Header+Nav
----------------------------------------------------------------------*/
.main_nav{
    padding: 1% 0;
    display: block;
    width: 100%;
    }



/*Images+Media
----------------------------------------------------------------------*/
img{
     display: block;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

/*Footer
----------------------------------------------------------------------*/
footer{
    width: 100%;
    bottom: 0;

}
ul.social{
    display: block;
    margin: 5% 0;
    list-style-type: none;
    text-align: center;
}

ul.social li{
    font-size:1em;
    display: inline;
    padding: 0 2%;
}

ul.social li a{
    color: #ececec;
    }

ul.social li.dribble a:hover{color: #e040a9;}
ul.social li.twitter a:hover{color: #258fc9;}
ul.social li.behance a:hover{color: #212121;}
ul.social li.googleplus a:hover{color: #e73710;}
ul.social li.skype a:hover{color: #258fc9;}

p.copyright {

    color: #373636;
    font-size: 1em;
    font-family:'arialbold', sans-serif;
}
/*Media Queries
----------------------------------------------------------------------*/