html, body{
  height:100%;
  margin:0;
  padding:0
}
.container-fluid{
  height:100%;
  display:table;
  width:100%;
  padding:0;
}
.row-fluid{
  display:flex;
  height:100%;
  text-align:center;
}
.centering{
  float:none;
  margin:0 auto;
}
body{
  font-family:Times new roman, times, sans-serif;
  font-size:15px;
  background-size:cover;
  background-image:url('../image/bg.jpg');
}
#logo h4{
  width:60%;
  background:#000;
  padding:0em;
  opacity:0.7;
  margin:4em auto 0;
}
#logo, #blocks, #contact{
  padding:0;
}
#blocks{
  margin-bottom:3em;
}
.block{
  background:none repeat scroll 0 0 #131313;
  border:3px solid #B1906C;
  border-radius:70% / 20%;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
  float:left;
  height:275px;
  margin-left:38px;
  overflow:hidden;
  transition:all 400ms linear 0s;
  width:180px;
}
.block:hover{
  transform:scale(1.15);
}
li{
  list-style:none;
}
.glyphicon{
  font-size:2.5em;
  margin:18px auto;
}
#divider-top{
  background:url("../image/divide.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  bottom:0;
  height:20px;
  left:0;
  position:relative;
  width:100%;
  z-index:1999;
}
#divider-bottom{
  background:url("../image/divide.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  bottom:0;
  height:44px;
  left:0;
  position:relative;
  width:100%;
  z-index:1999;
  transform:rotate(180deg);
}
.three{
  background:none repeat scroll 0 0 #000000;
}
#email{
  padding:15px;
}
.copy{
  color:#FFFFFF;
}
#copy{
  bottom:-20px;
  position:relative;
  transform:rotate(180deg);
}
#copyright{
  background:none repeat scroll 0 0 #1F1F1F;
  color:#FFFFFF;
  font-size:14px;
  position:relative;
  width:100%;
}
h5, .h5{
  font-size:18px;
}
a:hover, a:focus{
  text-decoration:none;
}
a{
  color:#DDDDDD;
  text-decoration:none;
}
a:hover, a:active, a:focus{
  color:goldenrod;
}
.block.fed > a:hover{
  color:#D0BB91;
}
.block.fea > a:hover{
  color:#D0BB91;
}
.block.fep > a:hover{
  color:#D0BB91;
}
.block.fel > a:hover{
  color:#C246A7;
}
p{
  font-family:Times new roman, times, sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family:Times new roman, times, sans-serif;
}
#email p > a{
  color:#FFFFFF;
}
#email{
  transition:500ms;
  overflow-x:hidden;
  filter:grayscale(1);
}
#email img:hover{
  opacity:0.5;
}
.bold{
  font-weight:bold;
}
.letter-container h1{
  text-align:center;
  font-family:'Quicksand-Regular', sans-serif;
}
.letter-container h1 a{
  font-family:'Quicksand-Regular', sans-serif;
  text-align:center;
  font-size:60px;
  display:inline-block;
}
.letter-container h1 a span{
  font-family:'Quicksand-Regular', sans-serif;
  color:#FFF;
  opacity:1;
  text-shadow:0px 0px 2px #FFF, 1px 1px 4px rgba(0, 0, 0, 0.7);
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  transition:all 0.3s linear;
  -webkit-animation:sharpen 0.9s linear backwards;
  -moz-animation:sharpen 0.9s linear backwards;
  -ms-animation:sharpen 0.9s linear backwards;
  animation:sharpen 0.9s linear backwards;
}
.letter-container h1 a span:hover{
  text-shadow:0px 0px 40px #FFF;
}
.letter-container h1 a span:nth-child(1){
  -webkit-animation-delay:0.1s;
  -moz-animation-delay:0.1s;
  -ms-animation-delay:0.1s;
  animation-delay:0.1s;
}
.letter-container h1 a span:nth-child(2){
  -webkit-animation-delay:0.3s;
  -moz-animation-delay:0.3s;
  -ms-animation-delay:0.3s;
  animation-delay:0.3s;
}
.letter-container h1 a span:nth-child(3){
  -webkit-animation-delay:0.5s;
  -moz-animation-delay:0.5s;
  -ms-animation-delay:0.5s;
  animation-delay:0.5s;
}
.letter-container h1 a span:nth-child(4){
  -webkit-animation-delay:0.7s;
  -moz-animation-delay:0.7s;
  -ms-animation-delay:0.7s;
  animation-delay:0.7s;
}
.letter-container h1 a span:nth-child(5){
  -webkit-animation-delay:0.9s;
  -moz-animation-delay:0.9s;
  -ms-animation-delay:0.9s;
  animation-delay:0.9s;
}
.letter-container h1 a span:nth-child(6){
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  animation-delay:1s;
}
@keyframes sharpen{
  0%{
    opacity:0;
    text-shadow:0px 0px 100px #FFF;
    color:transparent;
  }
  90%{
    opacity:0.9;
    text-shadow:0px 0px 10px #FFF;
    color:transparent;
  }
  100%{
    color:#FFF;
    opacity:1;
    text-shadow:0px 0px 2px #FFF, 1px 1px 4px rgba(0, 0, 0, 0.7);
  }
}
@-moz-keyframes sharpen{
  0%{
    opacity:0;
    text-shadow:0px 0px 100px #FFF;
    color:transparent;
  }
  90%{
    opacity:0.9;
    text-shadow:0px 0px 10px #FFF;
    color:transparent;
  }
  100%{
    color:#FFF;
    opacity:1;
    text-shadow:0px 0px 2px #FFF, 1px 1px 4px rgba(0, 0, 0, 0.7);
  }
}
@-webkit-keyframes sharpen{
  0%{
    opacity:0;
    text-shadow:0px 0px 100px #FFF;
    color:transparent;
  }
  90%{
    opacity:0.9;
    text-shadow:0px 0px 10px #FFF;
    color:transparent;
  }
  100%{
    color:#FFF;
    opacity:1;
    text-shadow:0px 0px 2px #FFF, 1px 1px 4px rgba(0, 0, 0, 0.7);
  }
}
@-ms-keyframes sharpen{
  0%{
    opacity:0;
    text-shadow:0px 0px 100px #FFF;
    color:transparent;
  }
  90%{
    opacity:0.9;
    text-shadow:0px 0px 10px #FFF;
    color:transparent;
  }
  100%{
    color:#FFF;
    opacity:1;
    text-shadow:0px 0px 2px #FFF, 1px 1px 4px rgba(0, 0, 0, 0.7);
  }
}
h1, h2, h3{
  margin-bottom:20px;
  margin-top:10px;
}
@media (max-width:685px){
  #logo h4{
    margin-top:10em;
    width:100%;
    background:#000;
    padding:0.4em;
    opacity:0.7;
  }
  .block{
    margin-left:auto;
    width:100%;
    margin-top:1em;
  }
}
.center {
  text-align: center;
  margin: 1em;
}
.center a {
  margin: .3em;
}