body
{
    background-color: #E3E4DB;
    margin-bottom: 10%;
}

div .icon
{
    display: block;
    margin: auto;
    margin-top: 5%;
}

img
{
    display: inline-block;
}

h1
{
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 18%;
    margin-right: 18%;
    text-align: justify;
    text-justify: inter-word;
}

.list
{
    list-style-type: disc;
}

li
{
    display: list-item;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 18%;
    margin-right: 18%;
    text-align: justify;
    text-justify: inter-word;
}

a
{
    color: #ed4949;
}

.title
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

footer
{
    background-color: #232D3F;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

footer p
{
    text-align: center;
    color: #e8e8e8;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width:747px)
{
    div .icon
    {
        display: block;
        margin: auto;
        padding-top: 16%;
    }

    body
    {
        background-color: #E3E4DB;
        margin-bottom: 30%;
    }
}