html, body
{
    height: 100%;
}

body {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #1f1f1f;
  min-height: 100%;
  height: 100%;
}

#noise{
    background: url('../Content/Images/texture.png') repeat;
	height: 100%;
    display: table;
    position: absolute;
    width: 100%
}

#blocks{
    height: 100%;
    background: url('../Content/Images/blocks.png') no-repeat;
    background-size: contain;
    display: table-cell;
    vertical-align: middle;
}

#text-container {
    margin-left: auto;
    width: auto;
    color: #fff;
    font-family: Roboto, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#text-container p{
    font-size: 18px;
}

#text-container h1{
    font-size: 40px;
}

#text-container a{
    color: #fff;
    text-decoration: underline;
}

#cutout-logo {
    background: url('../Content/Images/logo_missing.png') no-repeat;
    width: 204px;
    height: 172px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#error-title {
    content: url('../Content/Images/error404.png');
    width: 269px;
    height: 132px;
    margin: 0 auto;
}

@media all and (max-width: 1600px) and (min-width: 1000px){
    #text-container {
        margin-left: 400px;
    }
}

@media (max-width: 1000px){
    #blocks {
        background: url('blah.png') no-repeat;
    }
}