body {
  /*-webkit-font-smoothing: subpixel-antialiased;*/
  padding-top: 50px;
  background-color: #E9EBEE;

  background: url(../../img/bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;

  font-family:'Source Sans Pro';
  font-size: 140%;
}

.container-main {
  padding: 40px 15px 75px 15px;
  text-align: center;
}

/****************************** Head ******************************/

.navbar-inverse {
  background-color: #121212;
}

.navbar, .panel {
  /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
}

.panel {
  opacity: 0.95;
  /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
}

.navbar {
  opacity: 0.85;
  /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
}

@media only screen and (min-width : 768px) {
  .navbar-nav {
    float: right;
  }
}

.navbar-toggle {
  border: 0;
  transition: background-color 0.4s;
}

.icon-bar {
  background-color: #BBBBBB ! important;
  transition: background-color 0.4s;
}

.navbar-toggle:hover .icon-bar {
  background-color: #FFFFFF ! important;
}

a.navbar_bt {
  transition: color 0.4s;
}

a.navbar_bt:hover {
  color: #FFFFFF;
}

a.navbar_bt:active {
  color: #FFFFFF;
}

li.active a.navbar_bt {
  background-color: #000000 ! important;
}

a.navbar_sc {
  color: #FFFFFF ! important;
}

a.navbar_sc:before {
  content: "";
  position: absolute;
  height: 1px;
  top: 37px;
  background-color: #EEEEEE;
  border-radius: 2px;
  visibility: hidden;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.2s;
  width: 151px;
}

a.navbar_sc:hover:before {
  background-color: #EEEEEE;
  visibility: visible;
  transform: scaleX(1);
  -webkit-transform: ScaleX(1);
  -webkit-transform:translate3d(0,0,0);
}

a.navbar_sc:active:before {
  background-color: #EEEEEE;
}

/****************************** Main ******************************/

.panel, .panel-heading, .panel-footer {
  border: none;
  border-radius: 0;
  text-align: left;
}

.panel .panel-title {
  padding: 22px;
}

.panel .panel-heading, .panel .panel-footer {
  opacity: 0.9;
  padding: 8px 22px;
}

.panel-info .panel-heading {
  background-color: rgba(217, 237, 247, 0.93);
}

.panel .panel-body {
  padding: 22px;
}

.featured {
  width: 100%;
  height: auto;
}

p {
  margin-bottom: 15px;
}

img.yrank {
  display: block;
  margin: auto;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

/****************************** Foot ******************************/

.copyright {
  font-size: 1em;
  color: #BBBBBB;
}

/****************************** Left ******************************/

#prof {
  padding: 0 0 30px 0;
  width: 100%;
}

#prof img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 250px;
}

@media only screen and (max-width : 768px) {
  #prof {
    float: right;
    max-height: 300px;
    width: 40%;
    overflow: hidden;
    padding: 5px;
  }
}
/*edit*/
.panel {
  border-radius: 4px;
  overflow: hidden;
}
.panel-heading {
  font-weight: 600;
}
.panel-footer {
  font-weight: 600;
  background-color: #f2f2f2;
}
.panel a, .timestamp {
  font-weight: 600;
}
h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}