body {background: #000 url(../images/css/bg.png) 0 0 repeat-y; color: #fff; font-family: 'Lato', sans-serif;}

header.header {margin: 25px 0; text-align: center; min-height: 100vh;}
header.header .logo {width: 100%; max-width: 670px;}
header.header .claim {text-transform: uppercase; font-size: 27px; text-align: center; margin: 10px 0 50px;}
header.header .video {border:5px solid #fff; }
header.header .video > iframe {width: 100%; display: block;}

.content .main-section {margin: 0; background: #fff; padding: 25px 0; clear: both;}
.content .main-section .tit {text-transform: uppercase; font-size: 50px; text-align: center; margin: 10px 0; font-weight: bold; font-style: italic; color:#000;}
.content .main-section .tit-b {color: #c73b22; font-weight: 900; font-size: 55px; font-style: normal;}
.content .main-section .main-image {background:#fff; text-align: center;}
.content .main-section .main-image img {width: 100%; max-width: 1500px; margin-bottom: 25px;}

.content .box {border: 5px solid #c73b22; text-align: center; transition: background .5s; font-size: 25px; line-height: 160%; color: #c73b22; text-decoration: none; display: block; padding: 25px;}
.content .box strong {border-bottom: 2px dashed #c73b22;}
.content .box em {color:#000; font-weight: bold; font-weight: 900; letter-spacing: 1px; text-transform: uppercase;}
.content .box:hover {color: #fff; background: #c73b22;}
.content .box:hover em {color:#fff;}
.content .box:hover strong {border-color:#fff;}
.content .box .btns {margin: 25px 0; text-align: center;}
.content .box .btns a {margin: 0 2.5px 5px;}

footer.footer {background: #000; padding: 35px 0; text-align: center; font-size: 16px;}
footer.footer a {color: #fff; margin: 0 5px;}

/* RESPONSIVE */
#width_2 .content a.box {font-size: 21px;}

#width_1 body {background-position: 0 50px;}
#width_1 header.header {margin-bottom: 15px;}
#width_1 header.header .claim {font-size: 25px;}
#width_1 .content .main-section .tit {font-size: 35px;}
#width_1 .content a.box {font-size: 21px;}

#width_0 body {background-image: none;}
#width_0 header.header .logo {width: 80%; margin:0 10%;}
#width_0 .content .video {float: none;}
#width_0 .content .main-section .tit {font-size: 27px;}
#width_0 .content a.box {margin-bottom: 15px;}

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

  footer.footer a {
    display: block;
    margin: 10px;
    padding: 10px;
    border: 1px solid white;
    text-decoration: none; 
  }
  footer.footer a:hover {
      border-color: #c73b22;
  } 
}