/* structure & layout */

body, html {height: 100%;}
body {margin:0; padding:0; color:#666666; font-family: 'PT Sans', sans-serif; text-align:center; background:#fbfbf2; }

#home {position: relative; height: 100%; 
  background-image: url(background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

.home-bar {position: absolute; top: 15%; width: 100%;}
.home-box {margin: 15px 20px; }

a.fill-div {display: block; height: 100%; width: 100%; text-decoration: none; background: rgba(255, 255, 255, 0.85); border:1px solid #857ac5; border-radius: 6px; padding:15px 5px 5px; }

a:hover.fill-div {box-shadow:8px 8px rgba(40, 35, 68, 0.8); border:1px solid #282344;}
a:focus.fill-div {box-shadow:8px 8px rgba(40, 35, 68, 0.5); border:1px solid #282344;}

.container-fluid {max-width:1000px;}




/* text and fonts */

h1 {color:#857ac5; font-size: 24px; font-family: 'Playfair Display', serif; margin-bottom: 10px;}
h2 {color:#808284; font-size: 14px; text-transform: uppercase; }

.box a {color:#857ac5; font-weight:none;}
.box a:hover, .box a:focus {background:#857ac5; text-decoration: none;}

.btn.btn-primary {border:1px solid #808284; border-radius:0px; color:#857ac5; background-color:#FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin: 2px 1px;}
.btn.btn-primary:hover, .btn.btn-primary.active {background-color:#dfdcf0;}


/* boxes */

.box {padding: 40px 20px 50px 20px; background:#FFFFFF;  
      border-right: 1px solid #c2c2c2; 
      border-left: 1px solid #c2c2c2;
      border-bottom: 1px solid #c2c2c2;}

.box.top {border-top: 1px solid #c2c2c2; margin-top: 50px;}
.box.bottom {margin-bottom: 50px;}
.box.purple {background: #eceaf6;}

.arrow-separator {position: relative; }
.arrow-separator:after {
 top: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-width: 10px;
 left: 50%;
 margin-left: -10px;
 z-index: 11; 
 border-color: #c2c2c2 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);}



/* navigation bar/menu */

#header {position:fixed; top:0; left:0; width:100%; z-index:99999;}

.navbar-default {
  overflow: hidden; padding: 0 10px 0 0; margin-top: 4px;
  border-radius: 4px 4px 4px 4px; border: 0;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}

.navbar-default .navbar-nav > li > a {
  margin-left: 1px; padding: 15px 10px;
  font-size: 12px; color:#857ac5;}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus 
 {background-color:#dfdcf0; color:#857ac5;}

.navbar-default .navbar-right > li.click > a {color:#f2be20;}