html, body {
    background: url('../images/lifelocal.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.main {
    background: rgba(255,255,255,0.3);
    float: none;
    min-height: 100%;
    text-align: center;
    margin-top: 7%;
}

@font-face {
    font-family: avenir;
    src: url('../fonts/avenir.otf');
}

span {
    font-family: "avenir", serif;
    font-size:20px;
    font-weight:bold;
}

p {
    font-family: "avenir", serif;
    font-size:60px;
    font-weight:bold;
}