@font-face {
  font-family: "myFont";
  src: url("../fonts/JKG-L_2.eot?") format('eot'),
      url("../fonts/JKG-L_2.ttf") format('truetype'),
       url("../fonts/JKG-L_2.woff") format('woff');
}
.header {
  font-family: "myFont";
}


body {
  padding-top: 50px;
}

footer {
  padding: 20px 0;
  background-color: #000000;
  text-align: center;
}

.jumbotron {
  background-image: url(../images/header.jpg);
  background-size: cover;
  text-align: center;
}

.header a {
    color: #ff77aa;
    font-size: 3em;
    text-decoration: none;
    font-weight: 800;
  }

.header h1 {
    font-size: 1em;
    text-align: left;
  }


.panel-body .col-xs-8 {
  padding: 5px;
}

.panel-body .col-md-6 {
  padding: 5px;
}


.panel-body a:hover img {
  opacity: 0.7;
  filter: panel-body(opacity=70);
  -ms-filter: "panel-body(opacity=70)";
}


.image-switch {
  visibility: hidden;
}


.btn-sample { 
  color: #ffffff; 
  background-color: #FF7575; 
  border-color: #130269; 
} 
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #ffffff; 
  background-color: #b0ffb5; 
  border-color: #130269; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #FF7575; 
  border-color: #130269; 
} 
 
.btn-sample .badge { 
  color: #FF7575; 
  background-color: #ffffff; 
}