/*Begin fonts Declaration*/
@font-face{
    font-family: Roboto;
    src: url("../fonts/RobotoSlab-Bold.ttf") format('truetype');
}

@font-face{
    font-family: Chewy;
    src: url("../fonts/Chewy.ttf") format('truetype');
}

@font-face{
    font-family: Aclonica;
    src: url("../fonts/Aclonica.ttf") format('truetype');
}

@font-face{
    font-family: Calligraffitti;
    src: url("../fonts/Calligraffitti-Regular.ttf") format('truetype');
}

@font-face{
    font-family: Montez;
    src: url("../fonts/Montez-Regular.ttf") format('truetype');
}

@font-face{
    font-family: Rancho;
    src: url("../fonts/Rancho-Regular.ttf") format('truetype');
}

@font-face{
    font-family: RobotoCondensed;
    src: url("../fonts/RobotoCondensed-Light.ttf") format('truetype');
}

@font-face{
    font-family: Kurale;
    src: url("../fonts/Kurale-Regular.ttf") format('truetype');
}

@font-face{
    font-family: Nova;
    src: url("../fonts/NovaCut.ttf") format('truetype');
}

@font-face{
    font-family: Tinos;
    src: url("../fonts/Tinos-Bold.ttf") format('truetype');
}

/*End font declaration*/

body{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}

#container{
    max-width: 1024px;
    min-width: 320px;
    margin: 0 auto 2em;
    border: 1px solid #ccc;
}

hgroup h1{
    display: none;
}

h1{
    text-align: center;
    font-size: 2.5em;
    font-family: Roboto;
    color: #224574;
}

#container div{
    width: 95%;
    margin: 0 auto 1em auto;
    padding: .5em;
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.7em;
}

#container h3{
    text-align: left;
    font-size: 1.2em;
    font-family: Roboto;
    color: #224574;
}