header
{
    height: 300px;

    background-image: url("img/beach1.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-position: center -80px;    

    background-size: 100% auto;

   color: white;  

    overflow:hidden;   


    /* border-bottom: ridge 3px #e0e0e0;
    box-shadow: 0 6px 15px rgba(255, 208, 0, 0.35);  */
}

.header-title
{
    margin-top: 55px;
    margin-left: 120px;
}
.header-title img
{
    width: 40px;
}

.logo-e
{
    color: #040200;

    text-shadow:
        -2px 0px 0 #ffffff,    
        2px 2px 2px  #bcb8b8,
       0px 0px 10px #ffffff,
       0px 0px 20px #ffffff,
       0px 0px 20px #ffffff,
        0px 0px 20px #ffffff;
}
.logo-guitare
{
  color: #bb6409;

  text-shadow:
      -1px 0px 0 #ffffff,
        1px 1px 2px  #0f0f0f,      
       /* 1px 0px 0 #ffffff,
       0px  1px 0 #ffffff,
       0px  -1px 0 #ffffff, */
       0px 0px 10px #ffffff,
       0px 0px 20px #ffffff,
       0px 0px 20px #ffffff 
       ;
 }
 .header-logo
{
    display:flex;

    align-items:flex-end;

    gap:10px;
}
 .header-logo h1
{
    margin:0;

    font-family: Georgia, serif;
    font-size:5rem;
    font-weight: bold;    
    line-height:1;

    text-shadow:
        1px 1px 0 rgba(255,255,255,.55),
        2px 2px 3px rgba(0,0,0,.25);

}
/* .header-text h1
{
    margin: 0;

    font-family: "Georgia", serif;
    font-size: 5rem;
 
    line-height: 1;

} */
.header-content
{
    display: flex;
    position: relative;    
    height: 100%;    
}

.header-guitar
{

    transform: translate(-0px, 30px);
}


.header-title p
{
    margin-top: .5rem;

    font-size: 1.3rem;

    color: black;

    text-shadow:
        1px 1px 0 #ffffff,
       -1px 1px 0 #ffffff,
        1px -1px 0 #ffffff,
       -1px -1px 0 #ffffff;
}