html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; font-family: "proxima-nova",sans-serif;}
body {background-image: url(../images/backsplash.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 100%;}
.container {position: relative; height: 100%;}
.logo {margin-top: 40px;}
.logo img {max-width: 100%;}
.black-info {background-color: rgba(0, 0, 0, 0.85); padding: 20px;  position: absolute; bottom: 40px; width: 100%;}
#dp_swf_engine {display: none;}
.black-info h1 {color: white; font-size: 82px; font-weight: 300; color: white; text-transform: uppercase; margin: 0; padding: 0;}
.black-info p {text-transform: uppercase; color: white; line-height: 26px; font-size: 20px; font-weight: 400; padding-top: 5px; }
.bottom-black-address {border-top: 1px solid white; padding-top: 15px; margin-top: 20px; }
.bottom-black-address h6 {color: white; text-transform: uppercase; font-size: 20px; line-height: 26px;}
@media (min-width: 1200px) {
    .container {width: 1400px; max-width: 1400px; width: 100%;}
}
@media screen and (max-width: 768px)  {
.black-info h1 {font-size: 34px;}
.black-info {width: 95%;}
.black-info p, .bottom-black-address h6 {font-size: 14px; line-height: 20px;}
.bottom-black-address {margin-top: 5px; padding-top: 5px;}
.black-info {  padding: 20px 20px 10px; bottom: 15px;}
.logo {margin-top: 15px;}
}
@media screen and (max-width: 400px) {
.black-info {width: 91%;}
}