@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,700;1,500&family=Roboto:wght@300;500;700&family=Rowdies:wght@300;400;700&display=swap');
body
{
  
    font-family: 'Roboto', sans-serif;
   }
a 
{
    color: #205E61;
    text-decoration: none;
}
 .navbar-dark .navbar-nav .nav-link
{
    color: white;
}
.bg 
{
    background-color:#3F979B;
    color: white;
    background-size: cover;
}
.bg-lightgray
{
    background-color: #205E61;
    color: white;
    background-size: cover;
}
.bg-gray
{
    background-color: #205E61;
    color: white;
    background-size: cover;
}

.btn
{
    background-color: #3F979B; 
    color: white;
    text-decoration: none;
}
.phone
{
  
    font-size:2rem;
}

.first
{
    margin-top: 9rem;
    background-color: rgba(32,94,97, 0.9)
}

.btn:hover
{
    background-color: #FFff;
    color: #205E61;
}

.border-warning
{
    color: #205E61;
}
.about
{background-color: #EED6C4;margin-right: -80px;z-index: 1; }
.abou
 {background-color: #205E61; z-index: 0;}

footer
 {
     background-color: #205E61;
     background-size: cover;
 }
 
 footer ul
  {
      list-style: none;
      margin: 0;
      padding: 0;
      color: white;

 }
 footer .btn 
 {
     background-color: #3F979B;
     color: white;
 }
 footer .btn:hover
 {
     color: black;
     background-color: #ffff;
 }
 footer a
 {
     color: white;
 }
 footer a :hover
 {
     color:#ffff;

 }
  /*marquee*/
  .marquee {width:100%;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 50s linear infinite;}
  .marquee:hover {animation-play-state: paused}
  /* Make it move */
 @keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -105em }}
   /*coupon*/
   a.lightbox img{height:auto;transition:.5s;margin-top:7rem;margin-bottom:3rem}
   .lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:2}
   .lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out}
   a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
   .lightbox-target:target{opacity:1;top:0;bottom:0}
   .lightbox-target:target img{max-height:100%;max-width:100%}
   .printable{position:relative;}