.button-wrap{
    padding: 14px 46px;
    color:  #FFFAFA;
    background-color: black;
    border: 1px solid transparent;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.55);
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
    position: relative;
    display: inline-block;
    margin: 100px auto;
    text-transform: uppercase;
    font-size: 15px;
}

.button-wrap:hover {
    -webkit-filter: drop-shadow(3px 3px 20px rgba(255, 14, 31, .7));
    filter: drop-shadow(3px 3px 20px rgba(255, 14, 31, .7));
    color:  #FFFAFA;
    text-decoration: none;
}

.button-wrap:before{
    content:"";
    position: absolute;
    top: -1px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 54px solid #ff0e1f;
    border-left: 15px solid transparent;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}

.button-wrap:after{
    content:"";
    position: absolute;
    top: -1px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 54px solid #ff0e1f;
    border-right: 15px solid transparent;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
} 
    
#map{
      width: 100%;
      height: 250px;
      border: 2px solid #333;
    }   
.foot h5 li{
  color: black;
}
.foot{
  color: black;
}
.foot a{
  color: black;
}

.social-fb{
  color: black;
}
 
p.thick {
  font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
  color: black;
}
.navbar .navbar-nav li a{
  color:#800000!important;
  font-size: 20px;
  text-shadow: 2px 2px 3px #0006;
  transition: 0.2s;
 } 
 .navbar{
    background-image: url('img/b5.jpg');
}
.navbar{
    background-color:#CD853F!important;
}
.navbar-nav a{
  color:  #0000CD!important;
  font-size: 18px;
  text-shadow: 1px 1px 2px #0006;
  transition: 0.2s;
}
.navbar-nav li{
  color:  #0000CD!important;
  font-size: 15px;
  text-shadow: 1px 1px 2px #0006;
  transition: 0.2s;
}
.spelling-error {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration: underline wavy red 3px;
}
@media (max-width: 768px){    
.spelling-error {
   
   text-decoration: underline wavy red 1.5px;
}}

 .centered h4{
    color: blue;
 }
 
 .library {
    color: white;
 }

body {
    font-family: Arial, Helvetica, sans-serif;
     
    overflow-x: hidden;
 background-image: url('img/back3.jpg');
  background-repeat: no-repeat;
   
  background-size: cover;
}

 @media (max-width: 768px){
    .head h2{
        font-size: 20px;}
    }
    @media (max-width: 768px){
    .head h3{
        font-size: 18px;}
    }
@media (max-width: 768px){
    .template3 img{
        height: 50px;
        width: 100%}
    }
@media (max-width: 768px){
    .navbar .navbar-nav li a{
   
  font-size: 17px;
   
 } }
  @media (max-width: 768px){
  
.navbar-nav a{
   
  font-size: 15px;
   }
}
 @media (max-width: 768px){
.navbar-nav li{
   
  font-size: 13px;
   }
}
@media (max-width: 768px){
.img p{
    font-size: 12px!important;}
}