/*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */


.cover-container {
  max-width: 42em;
}

.bg-gradient-hh {
    background: url(http://assets.haulerhub.com/webAssets/images/landingBG.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}
/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}


/* Responsive breakpoints */


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) { 
    
 }

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) { 
    
 }

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) { 
    
 }

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) { 
    .text-giant {
        font-size: 40vw;
    }
 }

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) { 
    
 }