html {
    background: url(../Content/IMGs/Background.png) no-repeat center fixed;
    background-size:100% 100%;
    background-color:rgba(0, 0, 0,0)
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    background-color:rgba(255, 255, 255,0)
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px; 
    padding-right: 15px;
    max-width:1500px;
    min-width:300px;
    background-color:rgba(255, 255, 255,0.8);
    border-left-style:solid;
    border-color:darkgray;
}

/* 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;
}

.wide {
    width : 400px;
    height : 100px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.col-md-6 {
    text-align:center;
    padding: 50px 50px 50px 50px;
    background-color:rgba(255, 255, 255,0);
}

.col-md-4 {
    text-align:center;
    padding: 20px 20px 20px 20px;
}
.footer_panel {
    background-color:rgba(220,220,220, 0.5);
    height:60px;
    border-top-style:solid;
    margin-right:-17px;
    margin-left:-17px;
}

.jumbotron {
    background-color:rgba(255, 255, 255,0);
    background-image: url("IMGs/jumbotron.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    margin-left:-30px;
    margin-right:-40px;
}

.btn-primary {
  color:white;
  background-color:forestgreen;
  border-color:black;
}

.btn-main {
  color: #333;
  background-color:rgba(190, 254, 85, 0.3);
  border-color: #ccc;
  border-radius: 20px 20px 20px 20px;
  border-bottom-style:inset;
  border-left-style:inset;
}
.btn-main:focus,
.btn-main.focus {
  color: #333;
  background-color:rgba(190, 254, 85, 0.50);
  border-color: #8c8c8c;

}
.btn-main:hover {
  color: #333;
  background-color:rgba(190, 254, 85, 0.70);
  border-color: #adadad;
}

.btn-edit {
  color: #333;
  width:20px;
  height:20px;
  background-color:rgba(190, 254, 85, 0.3);
  border-color: #ccc;
  border-radius: 20px 20px 20px 20px;
  border-bottom-style:inset;
  border-left-style:inset;
  background-image: url("IMGs/pencil.png");
  background-repeat: no-repeat;
  background-size:100% 100%;
  float:left;
}
.btn-edit:focus,
.btn-edit.focus {
  color: #333;
  background-color:rgba(190, 254, 85, 0.50);
  border-color: #8c8c8c;

}
.btn-edit:hover {
  color: #333;
  background-color:rgba(190, 254, 85, 0.70);
  border-color: #adadad;
}


@media (max-device-width: 1000px) and (orientation: landscape) {
    .jumbotron {
        margin-left:0px;
        margin-right:0px;
    }
}