#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;
}
.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;
}
@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;
   }
}

.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;
}

  
  .container {
  position: relative;
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
}
.centered {
  position: relative;
  margin-top: 130px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px){
.mobile .centered {
  position: relative;
  margin-top: 130px;
  top: 50%;
  left: 50%;
  font-size: 13px;
  transform: translate(-50%, -50%);
}}
p.ex1 {
    margin-top: 60px;
  margin-left: 100px;
  margin-right: 150px;
    font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  color: black;

}

 @media (max-width: 768px){
p.ex1 {
    margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
   font-family: Arial, Helvetica, sans-serif; 
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: black;

}  }

.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;
} 
    

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){
    .template3 img{
        height: 50px;
        width: 100%}
    }
.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;
}}
@media (max-width: 768px){
    .head h2{
        font-size: 23px;}
    }
@media (max-width: 768px){
    .head h3{
        font-size: 20px;}
    }
@media (max-width: 768px){
.button-wrap{
    font-size:12px ;
}}