body, html {
  height: 100%;
}
.main-body{
  background-color:#180A01;
}
.bg { 
  /* The image used */
  background-image: url("/static/img/background.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  min-height:900px;

  background-color:#180A01;
}

.bg-page { 
  /* The image used */

  /* Full height */
  height: 300px; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tile-1{
    background-image: url("/static/img/tile-11.jpg");
}
.tile-2{
    background-image: url("/static/img/tile-4.jpg");
}
.tile-3{
    background-image: url("/static/img/tile-3.jpg");
}
.tile-4{
    background-image: url("/static/img/tile-5.jpg");
}
.tile-1, .tile-2, .tile-3 ,.tile-4{
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 250px !important; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left:0px;
    padding-right:0px;
    width:100%;
}
.btn{
    display:block;
}
.btn-index:hover{
    opacity: 0.95;
    background-color:#333;
}
.btn-index{
    width:100%;
    height:100%;
}
.navbar{
    -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    background-color: white;
    position: relative;
    top:50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-top:0px;
    padding-bottom:0px;
}

.navbar-brand{
    padding-bottom: 0;
}

.navbar-nav>a:hover {
    border-color: #006db7;
}

.navbar-nav .active {
    border-color: #006db7;
}

.navbar-nav>a{
    line-height: 48px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin-right:15px;
    border-radius: 0;
    padding-bottom: 0;
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav>a{
    color: #333;
    border: none;
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav>a .nav-icon{
    padding-right: 6px;
}

.navbar-default .navbar-nav>a span{
    bottom: 10px;
    left: 15px;
    position: absolute;
    font-size: 10px;
    width: 100%;
}

.nav>a{
    padding-left: 5px;
    padding-right: 15px;
}

.head3{
    text-align:center;color:#777;font-size:14px;
    text-transform: uppercase;
}
.head3:after {
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    background-color:#fac312;
}
.row-headline{
    padding-top:130px;
}
.col-headline{
    text-align:center;color:white;font-size:52px;
}
.row-tile{
    padding-top:50px;
}
@media(max-width:767px){
.row-headline{
    padding-top:80px;
}
.col-headline{
    font-size:36px;
}
.row-tile{
    padding-top:35px;
}
.tile-1, .tile-2, .tile-3 {
    height:180px !important;
    max-width:285px;
    text-align:center;
    margin:0 auto;
}
.col-tile-1, .col-tile-2, .col-tile-3{
    padding-right:45px;
    padding-left:45px;
}
.col-tile-1, .col-tile-2{
    margin-bottom:40px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tile-1, .tile-2, .tile-3 {
    height:180px !important;
    max-width:285px;
    text-align:center;
    margin:0 auto;
}
}