/*!
 * Start Bootstrap - The Big Picture (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@font-face {
	font-family: 'DINPro';
	src: url('../fonts/DINPro-Light.eot');
	src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DINPro-Light.woff') format('woff'),
		 url('../fonts/DINPro-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*html{background: url(img/cross.png) no-repeat 50% 45%;width: 100%;height: 100%;}*/
body{font-family: 'DINPro', sans-serif;font-size: 16px;color: #fff;background: transparent;}
p{font-size: 26px;line-height: 34px;}
.content{color: #fff;}
html {
  background: #333 url(../images/background.jpg) no-repeat center center; background-size: cover;height: 100%;
}

#wrapper td {
   vertical-align: middle;
   text-align: center;
}.footer{margin-top: 50px;}
.footer img{max-width: 300px;}


.box { 
  background: url(../images/blur.jpg) no-repeat fixed;
   margin: 40px auto;
}
.details{      font-size: 20px;
   color: #fff;}
    .tagline{ display: block;
  
    text-transform: uppercase;}
    .faded{background: rgba(0, 0, 0, 0.8);  margin-top: 20%;
    padding: 80px 40px;
    text-align: center;}
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
 #wrapper td img{width: 60%}
 .details{font-size: 15px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
 p{font-size: 16px;line-height: 22px}
 
 .toline{display: block;}
 .line{display: none;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	    .logo{margin-top: 50px;}
	    .logo img{max-width: 100%;}
	    p{font-size: 14px;}
	    #wrapper td img{width: 80%}
#wrapper td{top: -40px;position: relative;}
.footer img{max-width: 200px;}

    }

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