@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300');
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative&display=swap');
.btn 
  {
   outline:0;
   border:none;
   border-top:none;
   border-bottom:none;
   border-left:none;
   border-right:none;
   box-shadow:inset 2px -3px rgba(0,0,0,0.15);
  }
  h1 
  {
    margin: 170px 0 10px;
    font-family: monospace;
    text-shadow: rgba(0, 0, 0, 0.54) 4px 3px 5px;
    font-family: 'Cinzel Decorative';
    font-size: 50px;
  }
  #about {
    font-size: 18px;
    padding: 100px 0 ;
  }
  .siteDescription{
    color: white;
    margin: 0 0 20px;
    font-size: 20px;
    margin-bottom: 130px;
    margin-top: 30px;
  }
  .btn:focus
  {
   outline:0;
   -webkit-outline:0;
   -moz-outline:0;
  }
  .contact{
    margin-top: 5px;
  }
  .paypalBtn{
    background: none;
    border: none;
  }
  .fullscreen_bg {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 70%;
    background-image: url('../img/coverblur.jpg');
    background-repeat:repeat;
    position: relative;
  }
  .fullscreen_bg2 {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 70%;
    background-image: url('../img/ScaitcliffeHall.jpg');
    background-repeat:repeat;
    position: relative;
  }
  .gradient {
    height: 100%;
    width: 100%;
    /* background: rgba(0, 0, 0, 0.6); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.47));
    position: absolute;
    top: 0;
    left: 0;
  }
  .form-signin {
    margin-top:50px;
  }
  .form-signin p {
    color: #fff;
  }
  .form-signin .form-control {
    margin-bottom: 10px;
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
  }
  .form-signin .email{
    margin-bottom: 10px;
  }
  .form-signin .postcode{
    margin-bottom: 10px;
  }
 .btn-block{
    margin-bottom:130px;    
    background-color: rgba(57, 164, 220, 0.55);
    background-image: none;
    color: #fff;
    cursor: default;
 }
 .btn-block:hover{ 
    background-image: none;
    color: #fff;
    text-decoration: none;  
 }
 .btn-block:focus{ 
    background-image: none;
    color: #fff;
 }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0,0,0);
    border-top:1px solid rgba(0,0,0,0.08);
  }
  .form-signin-heading {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
  }
  .quotes p {
    font-size: 23px;
    font-family: 'Source Sans Pro', sans-serif;
  }
  .quotes{
    margin-top: 50px;
  }
  .white{
    color: #fff;
  }
  .fontchange {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
  }
  .grey-bg{
    background-color: #fafafa;
  }
  .blue-bg{
    background-color: #5aaddd;
    color: #fff;
  }
  .top-padding{
    padding-top: 50px;
  }
  .bot-padding{
    padding-bottom: 50px;
  }
  .bottom-margin{
    margin-bottom: 50px;
  }
  .bookdetails p{
    margin:0;
  }
  .topbotpadding{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .toppadding{
    padding-top: 50px;
  }
  .botpadding{
    padding-bottom: 20px;
  }
  .border-box{
    border-width: 1px;
    border-style: solid;
    border-top-color: #fff;
    padding: 30px;
  }
  .form-signin-heading{
    padding-top: 150px;
  }
  .linethrough{
    text-decoration-line: line-through;
  }
  .reviewWrapper {
    padding-top: 55px;
  }
  .reviewSection {
    position: relative;
    padding-bottom: 55px;
  }
  .reviewSection p{
    font-size: 18px;
    font-style: italic;
  }
  .reviewSection .reviewer{
    font-size: 18px;
    font-style: normal;
  }
  .reviewSection img{
    position: absolute;
    opacity: 0.3;
    width: 100px;
  }
  .reviewSection .topImg{
    top: -50px;
    left: 0;
  }
  .reviewSection .botImg{
    bottom: 0;
    right: 0;
    transform: scale(-1, -1);  
  }
  .tg  {border-collapse:collapse;border-spacing:0;margin: auto;}
  .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
  .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
  .tg .tg-yw4l{vertical-align:top}
  .name{margin-top: 100px;}
  .peter{margin-bottom: 100px;}
  .hike{width: 100%;height: 100%;max-width: 200px;margin-left: 50px;margin-bottom: 38px;box-shadow: #00000040 3px 3px 17px 0px;}
  .infowrapper{display: flex;align-items: center;}
  .info-section{width: calc(100% - 300px);}
  img.email {height: 12px;}
  @media only screen and (max-width: 680px) {

    .hike{margin-left: 50%;transform: translateX(-50%);margin-bottom: 0;}
    .infowrapper{display: block;}
    .info-section{width: 100%;}
  }