.sps--abv {
    background: transparent;
  }
  .sps--blw {
    background-color: rgba(0,0,0,0.8);
  }

  .nav-item{   
    margin-left:20px;
}

.nav-link{
    margin-top: 0px;
    margin-left: 10px !important;
    color: white !important; 
    text-transform: uppercase;
    font-family: 'Courgette', cursive;
    font-size:14px;
    
}

.nav-link:hover{
    color: teal !important;
}

.navbar-brand{
    color: white !important;
    font-size: 50px !important;
    font-family: 'Berkshire Swash', cursive;
    text-transform: none !important;
    font-weight: 200 !important;
    text-shadow:5px 4px 4px black;
}



.dropdown-menu{
    background: rgba(0,0,0,0.7) !important;
    border: none !important;
    border-radius: 0px !important;
    margin:0px 0px !important ;
}

.dropdown-item{
    color: white !important;
    padding-top:10px !important ;
    text-transform: uppercase !important;
}

.dropdown-item:hover{
    background: none !important;
    color: teal !important;
}

.banner{
    width: 100%;
    
}


.text {
    font-family: 'Berkshire Swash', cursive;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 8px;
    color: white;
    top: 200px;
    position: relative;
    z-index: 1000;
    text-align: center;
    height: 60px;
    width: auto;
    font-variant: small-caps;
  }


 /* .top1 img{
      width:fit-content;
      height:80%;
  }*/


  .top1 p{
   margin-top:50px;
   text-align: justify;
   
      
  }*/

  .top2 img{
      margin:0px 10px;
  }
  input[type=number]{

    width:200px;
    transition: width 1s;
  background:none;
  border:none;
  border-bottom:solid 1px gray;
  padding:5px 10px;  
}

input[type=number]:focus{

    width:200px;
    outline:none;
}

.top1 p{
    font-family: 'Viaoda Libre', cursive;
    font-size:20px;
    font-weight:bold;
    margin-top:15px;
}

.top2 h5 a{
    color:black;
}

.top2 h5 a:hover{
    color:#f39c12;
    font-weight: bold;
}


.top2 h6{
    text-align:center;
    font-size:10px;
}

.top3 h3{
  
    font-size:15px;
}
.top3 hr{
    margin:-15px 60px;
    width:60%;

}

.top3 img{
    width:7%;
    margin-top:40px;
}
.top3  p{
    margin:-25px 45px;
}

.top3 h4{
    margin-top:40px;
    font-size:15px;
}

.top3 h6{
    margin-top:40px;
}

.t{
text-align:center;
margin-top:30px;
font-family:'Courgette', cursive;
}

.t1 img{
    margin:60px 135px;
}

.t1 p{
    text-align: justify;
    margin-top:-28px;
}

.top7 h5{
    margin:40px 25px;
    font-family: 'Pattaya', sans-serif;
    }
    
    .top7 h4{
        margin:40px 25px;
        font-size:35px;
        font-family: 'Courgette', cursive;
    }
    
    .top7 p{
        font-family: 'Pattaya', sans-serif;
    }
    
    .top7  ul li{
        font-family: 'Pattaya', sans-serif;
    }
    
    .top8{
        background-color: black;
        height:410px;
       
    }
    
    .top8 h1{
        text-align: center;
       margin:20px;
       color:chocolate;
    }
    
    .top8 h2{
        text-align: center;
        color:white;
        font-size: 18px;
        margin:10px;
    }
    
    .top8 h3{
        text-align: center;
        color:white;
        margin:20px;
        font-size: 18px;
    }
    
    .top8 h3  a{
        color:white;
        text-decoration:none;
    }
    
    .top8 h4{
        text-align: center;
       margin:10px 15px;
        color:white;
    }
    
    .top8 hr{
        background-color:#353535;
        width:50%;
    }
    
    .top8 h5{
        text-align:center;
        color:rgb(204, 192, 183);
        font-size: 18px;
       font-family:'Times New Roman', Times, serif;
    }
    .top8 i{
        padding:5px;
    }

    .top8 p{
        text-align: right;
        margin-top:-40px;
        font-size:28px;
    }
    
    .top8 p a{
        color:chocolate !important;
    }
    
    
    .text-center{
        font-size: 10px !important;
       
        
        
    }
    
    #social-fb:hover {
        color: #f39c12;
        box-shadow:white;
    }
    #social-tw:hover {
        color: #f39c12;
        box-shadow:white;
    }
    #social-gp:hover {
        color: #f39c12;
      
    }
    #social-em:hover {
        color: #f39c12;
        box-shadow:white;
    }
    
    .text-center i{
        color:blanchedalmond;
        
    }
    
    
    
    .top7 p{
        text-align:justify;
        margin:-15px 25px;
    
    }