/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 130px;
    padding-bottom: 20px;
    background: #252f81 !important;
    color:#ffffff;
    font-size:large;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.headerbubble
{
    border-radius: 30px;
    background: #c1c3c6;
    padding: 10px;
    width: 440px;
    height: 36px;
    font-fAMILY:arial,verdana;
    font-size:26px;
    font-weight:bold;
    color:#504f5a;   
    /*text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

.navbar-default {
  background-color: #c1c3c6;
  border-color: #c1c3c6;
   color:#504f5a; 
}

.SiteHeaderText
{
    font-fAMILY:Arial, Helvetica, Verdana;
    font-size:xx-large;
    font-weight:bold;
    color:#504f5a;  
    text-align:center;  
    padding:4px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.jumbotronheader {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #0096D7;
}

.jumbotronheader h1 {
  line-height: 1;
  color: inherit;
}

.jumbotronheader p {
  line-height: 1.4;
}

.container .jumbotronheader {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .jumbotronheader {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotronheader {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotronheader h1 {
    font-size: 63px;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    .jumbotronred{
        /*margin-top: 10px;*/
         margin-left: 10px;
          margin-right: 10px;
    }
    .body-content {
        padding: 0;
    }
}

.jumbotronred {
  padding: 5px;
  /*margin-bottom: 30px;*/
  /*font-size: h1;*/
  /*font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;*/
  background-color: red;
}

.jumbotronred h1 {
  line-height: 1;
  color: inherit;
}

.jumbotronred p {
  line-height: 1.4;
}

.container .jumbotronred {
  border-radius: 10px;
}


/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    .jumbotrongreen{
        /*margin-top: 20px;*/
         margin-left: 10px;
          margin-right: 10px;
    }
    .body-content {
        padding: 0;
    }
}

.jumbotrongreen {
  padding: 5px;
  /*margin-bottom: 30px;*/
  /*font-size: h1;*/
  /*font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;*/
  background-color: green;
}

.jumbotrongreen h1 {
  line-height: 1;
  color: inherit;
}

.jumbotrongreen p {
  line-height: 1.4;
}

.container .jumbotrongreen {
  border-radius: 10px;
}



/*@media screen and (min-width: 768px) {
  .jumbotronheader {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotronheader {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotronheader h1 {
    font-size: 63px;
  }
}*/