/** Fonts */
@font-face {
    font-family: 'Myriad Thin';
    src: url(../assets/shared/fonts/myriadpro/MyriadPro-LightCond.otf);
}

/* 
    Allows for the background to cover the whole of the text area and be scrollable
    Portrait mode also takes up a percentage of the screen to stop the text area becoming too small
*/
@media screen and (orientation: portrait)
{
    #wrapper
    {
        position: absolute;
        left: 0;
        right: 0;
        width: 70%;
        min-height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (orientation: landscape)
{
    #wrapper
    {
        position: absolute;
        left: 0;
        right: 0;
        width: 500px;
        min-height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* Styles the background so that it doesn't scroll and takes up the whole screen */
html, body
{
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.formattitle
{
    text-align: left;
}

/* Styles the main body of the text to be centred */
.formath2,.formath3
{
    text-align: center;
}

.formatul
{
    list-style-type: none;
    padding-bottom: 50px;
}

/* Styles text to have space in between each sentence and aligned to the left */
.formatli {
    padding-bottom: 6px;
    text-align: left;
}