@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'montserratregular';

    src: url('text/montserrat-regular-webfont.eot');

    src: url('text/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('text/montserrat-regular-webfont.woff2') format('woff2'),

         url('text/montserrat-regular-webfont.woff') format('woff'),

         url('text/montserrat-regular-webfont.ttf') format('truetype'),

         url('text/montserrat-regular-webfont.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

html {height:100%; position:relative; background:url(bg.jpg) #ffb631 repeat center; box-sizing:border-box; /*-webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,.25); -moz-box-shadow:inset 0 0 50px 0 rgba(0,0,0,.25); box-shadow:inset 0 0 50px 0 rgba(0,0,0,.25)*/}

body{margin:0; padding:0}



.main{width:100%; min-height:100%; margin:0 auto; text-align:center}

/*=========== Main Logo ===========*/

h1.logo{float:none; margin:55px auto 0; background:url(../images/logo.png) no-repeat scroll center}

h1.logo a{width:181px; height:44px; display:inline-block; text-indent:-9999px}

.error-icon{width:650px; margin:10% auto 45px}

h2.error-title{font:bolder 3.8em/70px 'montserratregular', sans-serif; color:#000; margin:20px 0 0; padding:0}

p.error-text{font:normal 1.1em/24px 'montserratregular', sans-serif; text-align:center; color:#fff; margin:20px 0 0; padding:0}









/* 640px Mobile (Landscape) */

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

.error-icon{width:90%}

}



/* 480px Mobile (Landscape) */

@media only screen and (min-width: 480px) and (max-width: 639px) {

.error-icon img {width:60%}

h2.error-title{font-size:2.8em; line-height:50px}

}



/* 320px Mobile (Portrait) */

@media only screen and (min-width: 320px) and (max-width: 479px) {

.error-icon img {width:60%}

h2.error-title{font-size:2em; line-height:40px}

p.error-text{font-size:1em; line-height:20px}

}



/* 240px Mobile (Portrait) */

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

.error-icon img {width:60%}

h2.error-title{font-size:2em; line-height:36px}

p.error-text{font-size:.875em; line-height:18px}

}