
.wave 
{
    background: linear-gradient(to bottom, #551014, rgb(238, 23, 76));
    height: 100px;
    position:fixed;
    padding-bottom: 40px;
  
    &::before, &::after 
    {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      background-repeat: repeat-x;
    }
    
    &::before 
    {
      height: 10px;
      background-size: 20px 30px;
      background-image: radial-gradient(circle at 10px -8px, transparent 12px, #FEDABB 13px);
    }
    &::after {
      height: 15px;
      background-size: 40px 30px;
      background-image: radial-gradient(circle at 10px 13px, #FEDABB 12px, transparent 13px);
    }
    
}
nav
{
 position:sticky;
 z-index: 500;
 
}
.nav-link
{
  color: white;
  margin: 0 10px;
  font-size: 16px;
}
.nav-link:hover
{
  color:#FEDABB;
}
a.nav-link:focus
{
  color:#FEDABB;
}
a.nav-link.dropdown-toggle.show:focus
{
  color:#FEDABB;
}
a.nav-link.page-active
{
  color: #FEDABB;
}
.dropdown-menu
{
  padding: 5px;
  border-top: 2px solid #FEDABB;
  background: linear-gradient(to right, #551014, rgb(238, 23, 76));
  border-radius: 0;
}
.dropdown-item
{
  color: white;
  margin: 10px;
}
.dropdown-item:hover
{
  color: #FEDABB;
  background-color: transparent;
  transform: translateX(10px);
  transition-duration: .2s;
}


.logo 
{
  display: flex;
  align-items: center;
 
}
.logo img
{
  height: 70px;
}

.navbar-toggler i
{
color: #FEDABB;
font-size: 20px;
background-color: transparent;

}
.navbar-toggler
{
  border: 1px solid #FEDABB;
  padding: 8px 12px;
}
.navbar-toggler:focus
{
  border: 2px solid #FEDABB;
  padding: 8px 12px;
}


.main a
{ 
  margin: 0 25px 0 15px;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  transition: all .50s ease;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
a.tel-link
{
  padding: 10px 20px;
  border: 1px solid white;
  display: flex;
}
a.tel-link:hover
{
  color: #FEDABB;
  border: 1px solid #FEDABB;
  cursor: pointer;
}
.myDIV
{
  font-size: 20px; 
  padding-right: 10px; 
  animation: mymove 1s infinite;
}
.navbar-collapse
{
  display: flex;
  justify-content: center;
  align-items: center;
}


@keyframes mymove 
{
  50% {transform: rotate(45deg);}
}


@media(max-width: 900px)
{
  
  .logo img
  {
  height: 55px;
  }
}
@media(max-width: 600px)
{
 
  .logo img
  {
  height: 40px;
  }
}
@media(max-width: 768px)
{
 .main{
  display: none;
 }
 .navbar-collapse
 {
  background-image: linear-gradient(to right, #551014 , #ED174D);
  z-index: 501;
 }
 .dropdown-menu
{
  padding: 5px;
  border: transparent;
  border-top: 2px solid #FEDABB;
  background: transparent;
  border-radius: 0;
}
.navbar-collapse
{
  display: flex;
  justify-content: flex-start;
  padding: 3% 5%;
}
}



