body {
    font-family: Arial, Helvetica, sans-serif;
     
    overflow-x: hidden;
 background-image: url('img/back3.jpg');
  background-repeat: no-repeat;
   
  background-size: cover;
}
.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-size: 20px;
  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{
    margin-top: 90px;
    color:      white;
 }
 
 .library {
    color: white;
 }
 h5.ex1 {
  margin-left: 150px;
}
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}

@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){
    .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){
    .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){
    .temp h4{
        font-size: 18px;
    }}
    
    table, td, th {
  border: 1px solid black;
}

table1 {
  border-collapse: collapse;
  width: 50%;

}
.center {
  margin-left: 20px;
  margin-right: 40px;
  width: auto;
  border: 10px solid #73AD21;
  padding: 10px;
}
table {

  border-collapse: collapse;
  width: 50%;

}

td,th{
  text-align: center;
}
 
     
        .item{
            margin-left: 60px;
            margin-right: 60px;
            top: 0;
            position: relative;
            overflow: hidden;
            margin-top:50px;
            
        }
        .item img{
            -webkit-transition: 0.6s ease;
            transition: 0.6s ease;
            
        }
        .item img:hover{
            -webkit-transform: scale(1.2);
            transform: scale(1.2);

        }
        .img-thumbnail{
            border:0px;
            border-radius:0px;
        }
@media (max-width: 768px){
         .item{
            margin-left: 10px;
            margin-right: 10px;}}