@import url('https://fonts.googleapis.com/css?family=Catamaran|Open+Sans:300|Raleway:300');
 /*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,body {
    font-family: "Open Sans", Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;
  height: 100%;
  width: 100%;
}
body {

        background: url(../assets/AuVidWebsiteBackround2.svg) no-repeat center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  color: #fff;
  text-align: center;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: center;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 2rem;
}
.grad {
  background: #003366; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #003366 , #0067AB); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #003366, #0067AB); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #003366,#0067AB); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #003366 ,#0067AB); /* Standard syntax */
}



/*
 * Header
 */

.masthead {
  margin-bottom: 1rem;
  padding-top: .5rem;
  width: 100%;
  letter-spacing: 3px;
  word-spacing: 10px;
}

#small_title {
    font-size: .8em;
    word-spacing: 3px;
    letter-spacing: 2px; 
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  background-color: transparent;
  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;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}



/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */

.mastfoot {
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }

  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }

  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
    max-width: 1440px; /* Must be percentage or pixels for horizontal alignment */
  }
}

/* @media (min-width: 62em) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }
} */

.dk-blue{
      background-color: #003366 !important;
      color: white !important;
}
.lt-blue{
      background-color: #0067AB !important;
      color: white !important;
}
.card{
    background: none;
    border: none;

}
.card-header {
    align-self: center;
    width: 15em;
    z-index: 100;
    background: none;
    box-shadow: 0 5px 15px #aaaaaa;
}
.card-header.active {
    align-self: center;
    width: 17em;
    z-index: 100;
    background: none;
    box-shadow: 0 5px 15px #aaaaaa;
}
.collapse {
    background: none;
}
.card-body {
    background-color: rgba(255,255,255,.8);
    color: #003366;
    font-size: 1.2em;
    margin-top: -20px;
    margin-bottom: -20px;
    box-shadow: 0 5px 15px #aaaaaa;
}
.no-shadow {
    box-shadow: 0 0px 0px #aaaaaa !important;
}
.card-link {
    color: white;
    font-size: 1.5em;
}

#logo img{
    width: 100%;
    height: 100%;
}

#logo_lg img{
    width: 50%;
    height: 50%;
}

.contact-form{
    padding-top: 20px;
}

input {

    border: 5px solid #aaaaaa !important;
}

.card-logo img{
    height: 70%;
    width: 70%;
}
.card-logo_lg img{
    height: 30%;
    width: 30%;
}
.email, .phone, .addr{
    text-transform: uppercase;
    margin-top: 5px;
}

.email {
    background-color: #003366;
    color: white;
}
h4.card-title{
    background-color: #003366;
    color: white;
}