/* CSS Document */

   @font-face {
          font-family: 'DINCond-Bold';
          src: url('fonts/DINCond-Bold.eot');
          src: url('fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'),
          url('fonts/DINCond-Bold.woff2') format('woff2'),
          url('fonts/DINCond-Bold.woff') format('woff'),
          url('fonts/DINCond-Bold.svg#DINCond-Bold') format('svg');
          font-weight: normal;
          font-style: normal; }


@font-face {
                        font-family: 'ChronicleDisplay-Bold';
                        src: url('fonts/ChronicleDisp-Bold.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-Bold';
                        src: url('fonts/ChronicleDisp-Bold.woff') format('woff'),
url('fonts/ChronicleDisp-Bold.svg#ChronicleDisplay-Bold') format('svg');
       }
	   
	    @font-face {
                        font-family: 'ChronicleDisplay-Roman';
                        src: url('fonts/ChronicleDisp-Roman.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-Roman';
                        src: url('fonts/ChronicleDisp-Roman.woff') format('woff'),
url('fonts/ChronicleDisp-Roman.svg#ChronicleDisplay-Roman') format('svg');
       }

    @font-face {
                        font-family: 'ChronicleDisplay-BoldItalic';
                        src: url('fonts/ChronicleDisp-BoldItal.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-BoldItalic';
                        src: url('fonts/ChronicleDisp-BoldItal.woff') format('woff'),
                        url('fonts/ChronicleDisp-BoldItal.svg#ChronicleDisplay-BoldItalic') format('svg');
       }



* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
          body {  font-family: 'DINCond-Bold' , sans-serif}

body,html {
	height:100%;
	width:100%;
	background-color: #bababa;
	padding:0;
	margin:0;
}

a, a:hover, a:active, a:focus {
	color:inherit;
	text-decoration: none;
}

h1,h2,h3,h4 {
	text-transform:uppercase;
}

h1 { font-size: 50px;
    margin: 0 0 0 0;
    font-weight: normal;
    letter-spacing: 6px; }
h3 { font-size:28px; letter-spacing: 3px; font-weight: normal; margin-bottom:0px; }

p {
    margin-top: 7px;
}

body {
	background-size: 100% 100%;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
 	border:0px solid #bababa;
  padding: 0;
  margin: 0;
font-size:20px;
}

.main_body {
	display: block;
	height: 100%;
	width: auto;
	border: 0px solid #4a4a4a;
 	box-sizing: border-box;
}

.inner_body {
    width: auto;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
	border: 10px solid #fff;
 	box-sizing: border-box;
background-image:url("images/sf_logo_b.jpg");

}

.content {
    color: #fff;
    text-align: center;
    margin-top: 7%;
}


em, p { font-family: 'ChronicleDisplay-Roman'; }
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.content {
	    text-align: center;
    margin-top: 30%;
}
	
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}