  <style>

  /* Default Styles */

  /* On/off-canvas Style tweaks */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 55px; /* 2 navbars 70 px = .subnav {margin-top: -15px;}, 1 navbar 55px =  = .subnav {margin-top: 0px;}  */ 
  /*font-family: 'RobotoDraft',Arial,sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: rgba(0,0,0,.11);
  font-weight: 300;
}
.container-fluid {
  overflow-x: hidden; /* Intended for parent of row-offcanvas row-offcanvas-left */
}

/* body { padding-top: 70px; }
.subnav {padding-top: -15px;}*/

/*.row { create top margin after subnav is removed
  margin-top: 20px;
}*/
  /* Below ~70 lines of styles: navbar and formcontrol of search bar and gcse */

input.gsc-input,
  .gsc-input-box,
  .gsc-input-box-hover,
  .gsc-input-box-focus,
  .gsc-search-button {
    box-sizing: content-box; 
    line-height: normal;
}
.gsc-control-cse-en {
  border-color: transparent;
  background-color: transparent;
/*  padding-top: 0px !important;
  padding-bottom: 0px !important;*/
}
.navbar-form {
  margin-top: 8px;
  overflow: auto;
  position: absolute;
  /* width: 70%; left: 17%; Applied in media queries */
}
.navbar-form .fa-search {
  color: #fff;
  font-size:16px; 
  position: absolute;
  top: 11px;
  right: 27px;
}
.navbar-form .input-group {
  width:100%;
}
.navbar-form .form-control {
  display: inline-block;
  width: 100%; 
  vertical-align: middle;
  padding-right: 26px; /*magnify icon*/
}
.navbar-form .form-group {
  display: inline;
}
.form-control {
  border: rgba(32,59,95,.9);
  border-radius: 2px;
  background-color: rgba(32,59,95,.9);/* #1E3455;*/
  color: #fff;
  height: 40px;
}
.form-control:hover {
  border: rgba(32,59,95,.6);
  background-color: rgba(32,59,95,.6); /*#203B61; #2b5797*/
  color: #fff;
}
.form-control:focus, .form-control:focus + .fa-search {
  background-color: #fff;
  color: #555;
}
.form-control::-webkit-input-placeholder { color: white; }
.form-control:-moz-placeholder { color: white; }
.form-control::-moz-placeholder { color: white; }
.form-control:-ms-input-placeholder { color: white; }

.form-control:focus::-webkit-input-placeholder { color: #555; }
.form-control:focus:-moz-placeholder { color: #555; }
.form-control:focus::-moz-placeholder { color: #555; }
.form-control:focus:-ms-input-placeholder { color: #555; }

.God {
  color: #B31B1B;
}
.h1, h1 {
  font-family: "RobotoDraft","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
}
.h2, h2 {
  font-family: "RobotoDraft","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
}
.h3, h3 {
  font-family: "RobotoDraft","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
}
.h4, h4 {
  font-family: "RobotoDraft","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.jumbotron .h1, .jumbotron h1 {
  font-family: "RobotoDraft","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 40px;
  text-shadow: 1.1px 1.1px 1.1px #000;
}
.pcolor {
  box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
  border-left-width: 3px;
  border-left-color: #555;/* default color before jquery changes*/
}
.pimage {
  margin-bottom: 0px;
  border: 0px solid transparent;
}
.stamp .panel {
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
}
/* Custom Navbar styles */
.custom-navbar .navbar-toggle {
  float: left
}
.custom-navbar .navbar-header {
  float: left;
  width: auto !important;
}
.navbar-toggle {
  display:block;
  border-radius: 50%;
  border: 0px solid transparent;
  background-color: rgba(0,0,0,.2); /* Non-toggled */
  padding: 10px 10px; /* overrides 9px 10px oval */
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  box-shadow: 0 0 1px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.56);
 } /* Makes navbar-toggle always visible */

 .navbar-toggle .icon-bar {
  width: 14px;
}
.navbar {
  border-color: rgba(18, 18, 18, 0.5);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}
.navbar-fixed-top {
  top: 0;
  border: none;
  /*border-width: 0 0 1px;  subnav-looking */
  min-height: 55px;
}
.navbar-toggle .barlast {
    margin-bottom: 0px;
}
.subnav {
  border-bottom: 0px; /* Generic grey: 1px solid #E1E1E1;*/
  padding: 0px 0px 0px 0px;
  min-height: 40px;
  max-height: 40px;
  /*margin-top: -55px;*/
  /*padding-top: -55px;*/
}
.navbar-nav>li>a .fa {
    color: inherit;
    font-size: 11px;
}

.jumbotron {
  background-image: url(/img/M31-Andromeda-Galaxy-700px.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color:white;
}
.jumbotron p {
  text-shadow: 1px 1px 4px #000;
}
.btn-primary {
  background-color: #2b5797;
      border-color: #204d74;
}
.btn {
  text-shadow: none;
}
.darklight {
  background: rgba(0,0,0,.4);
  padding: .2em;
  display: inline-block;
}

/* Sidemenu styles */

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  font-weight: bold;
  background-color: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.05);
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover, .list-group-item:focus {
  background-color: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.03);
}
.list-group-item {
  font-weight: normal;
  border: 0px transparent;
  background-color: transparent;
  border-radius: 4px;
}
.spme {
  margin-left: 2em;
}
.fa {
  font-size: 19px;
}

/* Sidemenu, topnav, subnav style icons colors*/
.home .fa, .list-group-item.active.home { color: #2b5797; }
header.navbar.home { background-color: #2b5797; } 
/* Use color gradients to overlay rgba over base navbar color */
nav.subnav.home { background: linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
              linear-gradient(#203B61, #2b5797);}

.emotions .fa, .list-group-item.active.emotions, .fa-bullseye { color: #FD7B8F; } /* fleshy: #FF8A65; peach: FF8C8C */
header.navbar.emotions { background-color: #FD7B8F; } 
nav.subnav.emotions { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#884651, #FD7B8F);}
.panel-default > .emotions {
background-color: #884651;
color: #fff;} 

.inspirational .fa, .list-group-item.active.inspirational { color: #E4D000; } /* good 3: lt: FDBC5A lt2: f5bd00 lt3: F4B70D FDC842 FF9E11 FFCE48 */
header.navbar.inspirational { background-color: #FFD700; } 
nav.subnav.inspirational { background: linear-gradient(rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.3)),
              linear-gradient(#B19A05, #FFD700);}

.life .fa, .list-group-item.active.life  { color: #4280E8; }
header.navbar.life { background-color: #4280E8; } 
nav.subnav.life { background: linear-gradient(rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.3)),
              linear-gradient(#2A497D, #4280E8);}
.panel-default > .life {
  background-color: #2A497D;
  color: #fff;}

.literature .fa, .list-group-item.active.literature { color: #B28230; } /* bright brown: FFA100; good 3: lt: FDBC5A lt2: f5bd00 lt3: F4B70D FDC842 FF9E11 FFCE48 */
header.navbar.literature { background-color: #FFBB46; } /* international skin: FFCC87 */
nav.subnav.literature { background: linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
              linear-gradient(#A07731, #FFBB46);}  

.love .fa, .list-group-item.active.love { color: #FF4F6E; } /* #DC483B */
header.navbar.love { background-color: #FF4F6E; } 
nav.subnav.love { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#893040, #FF4F6E);}
.panel-default > .love {
  background-color: #893040;
  color: #fff;}  

.motivational .fa, .list-group-item.active.motivational { color: #5AB51D; }
header.navbar.motivational { background-color: #5AB51D; } 
nav.subnav.motivational { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#366417, #5AB51D);}

.movies-film .fa, .list-group-item.active.movies-film { color: #777; }
header.navbar.movies-film { background-color: #777; } 
nav.subnav.movies-film { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#444, #777);}

.people .fa, .list-group-item.active.people  { color: #0098DA; }
header.navbar.people { background-color: #0098DA; } 
nav.subnav.people { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#095576, #0098DA);}
.panel-default > .people {
background-color: #094D6A;
color: #fff;} 
            
.peop .fa, .list-group-item.active.peop  { color: #0087C1; }
header.navbar.peop { background-color: #0087C1; } 
nav.subnav.peop { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#0087C1, #0087C1);}
.relationships .fa, .list-group-item.active.relationships  { color: #2b5797; }
header.navbar.relationships { background-color: #2b5797; } 
nav.subnav.relationships { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#203B61, #2b5797);}
.special-days .fa, .list-group-item.active.special-days { color: #f5bd00; }
header.navbar.special-days { background-color: #f5bd00; } 
nav.subnav.special-days { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#846809, #f5bd00);}
.tv .fa, .list-group-item.active.tv { color: #3f51b5; } /* berryish:  #5A46BF; puurple: 8e24aa */
header.navbar.tv { background-color: #3f51b5; } 
nav.subnav.tv { background: linear-gradient(rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.3)),
              linear-gradient(#313D84, #3f51b5);}                
.various .fa, .list-group-item.active.various { color: #42B8E1; } /* good 3: lt: FDBC5A lt2: f5bd00 lt3: F4B70D FDC842 FF9E11 FFCE48 */
header.navbar.various { background-color: #42B8E1; } 
nav.subnav.various { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#296378, #42B8E1);}

/* Hidden or obsolete */

.game .fa, .list-group-item.active.game { color: #8e24aa; }
header.navbar.game { background-color: #8e24aa; } 
nav.subnav.game { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#8e24aa, #8e24aa);}
.lang .fa, .list-group-item.active.lang,
.howt .fa, .list-group-item.active.howt{ color: #42C7D0; }
header.navbar.lang, header.navbar.howt { background-color: #42C7D0; } 
nav.subnav.lang, nav.subnav.howt { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#42C7D0, #42C7D0);}
.litr .fa, .list-group-item.active.litr { color: #019001; }
header.navbar.litr { background-color: #019001; } 
nav.subnav.litr { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#019001, #019001);}
.occu .fa, .list-group-item.active.occu { color: #ef6c00; }
header.navbar.occu { background-color: #ef6c00; } 
nav.subnav.occu { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#ef6c00, #ef6c00);}
.plac .fa, .list-group-item.active.plac { color: #2b5797; }
header.navbar.plac { background-color: #2b5797; } 
nav.subnav.plac { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#2b5797, #2b5797);}
.prov .fa, .list-group-item.active.prov { color: #5AB51D; }
header.navbar.prov { background-color: #5AB51D; } 
nav.subnav.prov { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#5AB51D, #5AB51D);}
.virt .fa, .list-group-item.active.virt { color: #db4437; }
header.navbar.virt { background-color: #db4437; } 
nav.subnav.virt { background: linear-gradient(rgba(18, 18, 18, 0.5), rgba(18, 18, 18, 0.5)),
              linear-gradient(#db4437, #db4437);}

.fa { font-size: 19px; }

/* Media Queries and On-off canvas Styles */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Interim media query to prevent word wrap */
@media screen and (max-width: 450px) {
  .list-group-item {
    font-size: 12px;
  }
  .spme {
    margin-left: 1em;
  }
  .fa {
    font-size: 17px;
  }
}

/* XS Device (< 768px) default, non-media-query-dependent */
@media screen and (max-width: 767px) {
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-form {
    width: 80%;
    left: 18%;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-left {
    left: 0; /* anchor point */
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns hide */
  }
  .row-offcanvas-left.active {
    left: 50%; /* 6 columns  reveal */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* sidebar 6 columns */
/*      padding-left: 10px;
    padding-right: 10px;*/
  }
  .content-offcanvas.active {
    width: 50%; /* content 6 columns */
/*      padding-right: 0px;
    padding-left: 0px;*/
  }
  .list-group.affix-top{
    position: static;
    width: 110%;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  .list-group.affix {
    position: fixed;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .list-group.affix-bottom {
    position: fixed;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }

  /* position stamp elements */
  .stamp {
    /*position: absolute;*/
  }
  .stamp1 {
    right: 0%;
    top: 0px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .stamp2 {
    right: 0%;
    top: 300px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
  }
}

/* Interim media query to prevent word wrap */
@media screen and (min-width: 768px) and (max-width: 850px) {
  .list-group-item {
    font-size: 12px;
  }
  .spme {
    margin-left: 1em;
  }
  .fa {
    font-size: 17px;
  }
}

/* Small devices (tablets, 768px to 991 and 1199) */
@media screen and (min-width: 768px) {
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-form {
    width: 45%;
    left: 24%;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-left {
    left: 25%; /* anchor point */
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -25%; /* 3 columns offset left */
  }
  .row-offcanvas-left.active {
    left: 0; /* 3 columns hide/ squish */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 25%; /* sidebar 3 columns */
  }
  .content-offcanvas {
    position: relative;
    width: 75%; /* content 9 columns */
  }
  .content-offcanvas.active {
    position: relative;
    width: 100%; /* content 12 columns */
  }
  /* Set initial position b4 jquery/ affix loads */
  .list-group {
    width: 110%;
    padding-left: 7px;
    padding-right: 11px;
    position: static;
  }
  .list-group.affix-top{
    position: static;
    width: 110%;
    padding-right: 11px;
    padding-left: 7px;
    left: 0;
  }
  .list-group.affix {
    position: fixed;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
    /*top: 70px;*/
  }
  .list-group.affix-bottom {
    position: fixed;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  /* Masonry */
  .grid-sizer, .grid-item { width: 50%; }

  /* position stamp elements */
  .stamp {
/*      position: absolute;*/
  }
  .stamp1 {
    right: 0%;
    top: 0px;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .stamp2 {
    right: 0%;
    top: 300px;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Medium devices: (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  /* For on/off canvas same as small */

  /* Masonry */
  .grid-sizer, .grid-item { width: 33.33%; }
  /* position stamp elements */
  .stamp {
    /*position: absolute;*/
  }
  .stamp1 {
    right: 0%;
    top: 0px;
    width: 33.33%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .stamp2 {
    right: 0%;
    top: 300px;
    width: 33.33%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Interim media query to prevent word wrap */
@media screen and (min-width: 1200px) and (max-width: 1275px) {
  .list-group-item {
    font-size: 12px;
  }
  .spme {
    margin-left: 1em;
  }
  .fa {
    font-size: 17px;
  }
}

/* Large devices (large desktops, 1200px to 1739) */
@media screen and (min-width: 1200px) {

  .jumbotron {
    background-image: url(/img/M31-Andromeda-Galaxy-1500px.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color:white;
  }
  .navbar-form {
    width: 61%;
    left: 16.3%;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-left {
    left: 16.66%; /* anchor point */
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -16.66%; /* 3 columns offset left */
  }

  .row-offcanvas-left.active {
    left: 0; /* 3 columns hide */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 16.66%; /* sidebar 3 columns */
  }
  .content-offcanvas {
    position: relative;
    width: 83.33%; /* content 9 columns */
  }
  .content-offcanvas.active {
    position: relative;
    width: 100%; /* content 12 columns */
  }
  /* Set initial position before jquery/ affix loads */
  .list-group {
    position: static;
    width: 110%;
    padding-right: 13px;
    padding-left: 5px;
  }
  .list-group.affix-top{
    position: static;
    width: 110%;
    padding-right: 13px;
    padding-left: 5px;
    left: 0;
  }
  .list-group.affix {
    position: fixed;
    width: 16.66%;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  .list-group.affix-bottom {
    position: fixed;
    width: 16.66%;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  /* Masonry */
  .grid-sizer, .grid-item { width: 25%;
  }

  /* position stamp elements */
  .stamp {
    /*position: absolute;*/
  }
  .stamp1 {
    right: 0%;
    top: 0px;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .stamp2 {
    right: 0%;
    top: 300px;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* XL devices (XL desktops/ TV's, 1740px and wider) */
@media screen and (min-width: 1740px) {
  .containm {
    max-width: 1230px;
  }
  .containf {
    max-width: 1230px;
  }
  .navbar-form {
    width: 66%;
    left: 18.1%;
  }    
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  /* Set initial position before jquery/ affix loads */
  .list-group {
    padding-left: 15px;
    position: static;
  }
  .row-offcanvas-left {
    /*left auto;  16.66%; anchor point*/
    margin-right: auto; /*NEW centers content */
    margin-left: auto; /*NEW centers content */
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -18.4%; /* 3 columns offset left */
  }
  .row-offcanvas-left.active {
    left: 16.66%; /*NEW keeps oncanvas*/
  }
  .row-offcanvas-left.active
  .sidebar-offcanvas {
    left: -33.33%; /* 3 columns offset left */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 230px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .content-offcanvas {
    position: relative;
    /*width 83.33%;  content 9 columns */
    width: 100%;
  }
  .content-offcanvas.active {
    position: relative;
    width: 100%; /* content 12 columns */
  }
  .list-group.affix-top{
    position: static;
    width: 230px;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  .list-group.affix {
    position: fixed;
    width: 230px;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
    /* top 70px;*/
  }
  .list-group.affix-bottom {
    position: fixed;
    width: 230px;
    padding-right: 15px;
    padding-left: 15px;
    left: 0;
  }
  /* Masonry */
  .grid-sizer, .grid-item { width: 25%; }

  /* position stamp elements */
  .stamp {
    /*position: absolute;*/
  }
  .stamp1 {
    right: 0%;
    top: 0px;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .stamp2 {
    right: 0%;
    top: 300px;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Misc styles */
hr {
  border-top: 1px solid rgba(0,0,0,0.08);
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Below 4 prevent navbar collapse */
.navbar-collapse.collapse {
  display: block !important;
}
.navbar-nav>li, .navbar-nav {
  float: left !important;
}
.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}
.navbar-right {
  float: right!important;
}
/* Below prevents collapse navbar above */
.navbar-nav{
  float:none!important;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background: none;
}
.navbar-inverse .navbar-nav>li>a {
  color: rgba(255,255,255,.8);
  text-shadow: 1.2px 1.2px 1.2px #000;
}
.navbar-inverse .navbar-nav>.active>a::after {
  background-color: white;
  height: 3px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
}

blockquote .small, blockquote footer, blockquote small {
  color: #000;
  font-size: 90%;
}
blockquote{
  font-size: 1.0em;
  font-weight: 500;
  border-left: 0em solid #eee;
  margin: 0em 0em;
  padding: 0em 0em;
  word-wrap: break-word;
}
blockquote footer .source {
  color: #afafaf;
}
blockquote footer {
  padding: 1em 0 0 0;
}
blockquote footer cite {
  font-style: normal;
  padding: 1em 0 0 0;
  display: block;
  color: #000;
}
blockquote footer:before {
  /*ndash: content: '\2012 \00A0';*/
  content: '\002D \00A0'; /* hyphen*/
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-brand {
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  color: #fff; 
  text-shadow: 1.2px 1.2px 1.2px #000; 
  line-height:normal;
  margin-left: 0px !important;
}
.navbar .breadcrumb {
  background-color: transparent;
  float: left;
  margin: 2px 10px;
  position: absolute;
  padding-left: 5px;
}
.navbar .breadcrumb>.active {
  color: #fff;
}
.navbar .breadcrumb>.active a {
  color: #fff;
}
.navbar .breadcrumb>li>a:focus, .navbar .breadcrumb>li>a:hover {
  color: #fff;
  background: none;
  text-decoration: none;
}
.navbar .breadcrumb>li>a {
  color: rgba(255,255,255,.8);
  /*text-shadow: 1.2px 1.2px 1.2px #000;*/
}
.clickable{
  cursor: pointer;
}
.panelclick, .panelclick:focus, .panelclick:hover{
  cursor: pointer;
  text-decoration: none!important;
  color:#333;
}    
.panel-default > .pageinfo {
  background-image: none;
  background-color: #2b5797;
  color: #fff;
  font-weight:bold;
  margin: 0 0 0px;
}
.panel-default > .about {
  background-image: none;
  background-color: #3c80f6;
  color: #fff;
  margin: 0 0 0px;
}
.sweety {
  font-size: 20px;
}

/* Footer styles */
@media screen and (min-width: 768px) {
  .containf {
    padding-left:15px !important;
    padding-right:15px !important;
  } 
}
.containf {
  padding: 0;
}
.containf .row {
  margin-right: 0px;
  margin-left: 0px;
}
.footnav {
  background-color: transparent;
  border-color: transparent;
  padding: 10px 5px;
}
#footer {
  padding: 0; /*10px 0 15px 0;*/
  color: white;
  background-color: #424242;
}
#footer a {
  color: #9e9e9e;
}
#footer a:hover {
  color: #fff;
  text-decoration: none;
}
#footer h5 {
  font-weight: bold;
}
.footlink {
  /*text-shadow: 1.2px 1.2px 1.2px #000; */
  line-height:normal;
  color:rgba(255,255,255,.8); 
}
.footlink:hover {
  text-decoration: none;
  color: #fff !important;
}
.footlogo {
  font-family: 'Quicksand', sans-serif; 
  font-size: 15px;
  text-shadow: 1.2px 1.2px 1.2px #000; 
  line-height:normal; 
  font-weight:bold;
}
.footlogo:hover {
  text-decoration: none;
  color: rgba(255,255,255,.8)!important;
}

</style>