
.navbarLinks a{
    color: #fff;
    text-decoration: none;
    transition: .3s ease-in-out;
    font-size:17px;
   
}

.navbarIcons a{
    font-size:18px;
}

.navbarLinks a:hover{
    color: #fe9701;
}

.navbarIcons a{
    margin:6px ;
}



/*body{
    background-image: url(../img/bgg2.png);
    background-repeat: no-repeat;
    background-position: top;
}*/

.content-title{
    font-size: 50px;
    font-weight: 800;
}

.content-info{
    font-size: 20px;
}

.content-wrapper{
    justify-content: space-around;
    position: relative;
    top: 200px;
    background-color: #000000ab;
    color: #fff;
}


.firstSec{
    background-image:url(../img/stage.jpg);
    background-size: cover;
    height: 750px;
    background-attachment:fixed;
}

.serviceTitle{
    
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
}



@media (max-width: 767px) {
    .navbar .container{
        justify-content: center !important;
    }
    
    .navbar .navbarIcons{
        text-align:center !important;
    }
    
    .firstSec{
        height:400px !important;
    }
    
    .firstSec .container{
        max-width:100% !important;
    }
    .firstSec .content-wrapper{
        top:100px !important;
    }
    
    .firstSec .content-info{
        font-size:14px;
    }
    
    .firstSec .content-title{
        font-size:30px;
    }
    
    .navbarLinks .navmenu a:first-child{
        margin:0 !important;
    }
    
    .servicesWrapper .serviceTitle{
        display:none;
    }
    
    .navbar .navmenu{
        text-align:center !important;
    }
    
   
}
@media screen and (max-width: 480px) {
     .navbarLinks a{
        
        font-size:13px;
    }
}


.sticky-note {
  position: relative;
  padding: 20px;
  min-height: 200px;
  border-radius: 6px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
  font-family: "Segoe UI", Arial, sans-serif;
  transform: rotate(-1deg);
}

.sticky-note h6 {
  margin-bottom: 10px;
}

.sticky-note p {
  font-size: 14px;
  line-height: 1.6;
}

/* Colors */
.note-yellow {
  background: #fff8b3;
}

.note-blue {
  background: #e7f1ff;
  transform: rotate(1deg);
}

.note-pink {
  background: #ffe4ec;
  transform: rotate(-2deg);
}

/* Hover effect */
.sticky-note:hover {
  transform: scale(1.02);
  transition: all 0.2s ease;
}
