/*BEGIN SECTION-nav-BAR*/




.section-nav-bar  {
background: url('background.jpg');
padding: 20px;

display: flex;
justify-content: center;



}



.section-nav-bar-container  {  
display: flex;
flex-direction: row;    
gap: 50px;
}

.section-nav-bar-menu-item {   

background: #9882ff;

color: #fff;
padding: 5px 10px;

height: 30px;

box-shadow: 0px  0px 20px #000 inset;

   
}

.section-nav-bar-menu-item a {   


background:rgba(152, 130, 255, 0.62);
color: #000;
padding: 5px 10px;



   
}




.active a {
  
color: #ddd;

}

.social-button-instagram  {
  
position: absolute;
height: 50px;
width: 50px;
right: 130px;
top: 10px;

}


.social-button-facebook {
  
position: absolute;
height: 50px;
width: 50px;

right: 70px;
top: 10px;

}


.social-button-twitter  {
  
position: absolute;
height: 50px;
width: 50px;

right: 10px;
top: 10px;

}


.social-button-instagram img, .social-button-facebook img, .social-button-twitter img  {
  

height: 50px;
width: 50px;

}







@media only screen and (min-width: 1121px)  {


.fixer  {

width: 100%;  
position: fixed;
top: 0px;

}


}
@media only screen and (min-width: 769px) and (max-width: 1120px) {


.section-nav-bar-container  {  
   
gap: 20px;
}



.section-nav-bar  {

justify-content: flex-start;
}




.social-button-instagram  {
  
position: absolute;
height: 50px;
width: 50px;
right: 110px;
top: 15px;

}


.social-button-facebook {
  
position: absolute;
height: 50px;
width: 50px;

right: 60px;
top: 15px;

}


.social-button-twitter  {
  
position: absolute;
height: 50px;
width: 50px;

right: 10px;
top: 15px;

}


.social-button-instagram img, .social-button-facebook img, .social-button-twitter img  {
  

height: 50px;
width: 50px;

}




 
}
@media only screen and (min-width: 150px) and (max-width: 768px) {






.social-button-twitter  {
  
position: absolute;
height: 50px;
width: 50px;

right: 10px;
top: 20px;

}

.social-button-instagram  {
  
position: absolute;
height: 50px;
width: 50px;
right: 10px;
top: 90px;

}


.social-button-facebook  {
  
position: absolute;
height: 50px;
width: 50px;

right: 10px;
top: 160px;

}



.section-nav-bar   {
  
display: none;

}


 
}

/*END SECTION-nav-BAR*/