body{
text-align:center;
margin:0;
font-family: 'Open Sans', sans-serif;
font-weight:400;
min-width:900px;
line-height:1.5;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #222 url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

p{
color:#fff;
font-size:18px;
}

a{
display:inline-block;
color:#fff;
border:solid 1px #eee;
padding:15px 35px;
margin:20px 0 0 0;
text-decoration:none;
border-radius:3px
}

h2{
font-size:40px;
font-weight:400;
color:#fff;
margin-bottom:5px;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    max-width: 850px;
    padding-left:15px;
    padding-right:15px;
}


@media screen and (max-width: 650px) {


body{
min-width:300px;
}


img{
max-width:80%;
margin:5%;
}

h2{
font-size:24px;
line-height:1.3;
}

p{
font-size:15px;
}


}