body {
     margin: 0px;
     font-family: 'Jost', sans-serif;
     /*overflow-x: hidden;*/              /* per deshabilitar scroll horitzontal de tota la pàgina*/
}

header{
     background-color:#FF7F99;
     display: flex;
     width: 100%;
     height: 100px;
     position: fixed;                        /* capçalera fixa tot i l'scroll */ 
}

.logo {
     display: flex;
     margin-left: 40px;
     align-items: center;
     font-size: 40px;
     font-weight: bold;
     width: 55%;
     min-width: 300px;
     /*pointer-events:none;                    /*habilitar mà sobre link logotip per tornar a inici*/
     cursor: default;
     min-width: 400px;
     
}

.Boira {
     color:white;
     font-family: 'Jost', sans-serif;
     font-size: 40px;
}

.Consulting {
     color: #fff27e;
     font-family: 'Jost', sans-serif;
     font-size: 40px;
}

.menu {
     font-size: 25px;
     display: flex;
     align-items: center;
     justify-content: space-around;
     width: 45%;
     height: 100%;
     padding-right: 30px;
     text-decoration: none;
     
}




.logolink:link{
     text-decoration: none;
}

.menulink:hover {
     border-style:solid;
     border-color: #ffca41;
     border-radius: 45px;
     color:#FFFFFF;
     text-decoration: none;
     border-width: 1px;
     background-color: #ff9492;  
}

.menulink:visited {
     color:#FFFFFF;
     text-decoration: none;
}

.menulink:link {
     color:#FFFFFF;
     text-decoration: none;
     padding-left:25px;
     padding-top:10px;
     padding-right:25px;
     padding-bottom:10px;   
}

.menulink:active {
     background-color: #ffca41;
}



.boto {
     width: fit-content;
     height: fit-content;
     display: flex;
     color: #FFFFFF;
     font-weight:bold;
     font-size: 20px;
     background-color: #ffca41;
     border-radius: 45px;
     border-color: #ffca41;
     border-style: solid;
     padding-left: 35px;
     padding-right: 35px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-top: 40px; 
     text-decoration: none;
}

.boto:hover {
     background-color: #91e40b;
     border-color: #91e40b;
     color: #FFFFFF;
   }
   
.boto:active {
     background-color: #b5f055;
     border-color: #b5f055;
     border-style:inherit;
     color: #FFFFFF;
   }

.body {
     background-color: #FFFFFF;
     height:652px;
     width: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     padding-top: 60px;
}


.imatgecentral {
     padding: 30px;
     width: 50%;
     min-width: 600px;
}

#somos {
     width: fit-content;
     height: fit-content;
     display: flex;
     color: #FFFFFF;
     font-size: 25px;
     background-color: #ffca41;
     border-radius: 45px;
     border-color: #ffca41;
     border-width: 1px;
     border-style: solid;
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 10px;
     padding-bottom: 10px;
     text-decoration: none;
}

p{
     font-size: 20px;
     line-height: 40px;
     padding-top: 60px;
     margin-top: 30px;
     margin-bottom: 10px;
     margin-right: 15%;
     margin-left: 10%;
     max-width: 600px;
}

.fotosequip{
     display:flex;
     align-items: flex-end;
     margin-left: 5%;
     justify-content: flex-start;
     padding-top: 15px;  
}

.avatar{
     height: 100px;
     width: 100px;
     border-radius: 50%;
     max-width: 100%;
     min-width: 50px;
     height: auto;                       /*responsive image*/
     max-height: 100%;
     min-height: 50px;
     display: flex;
     margin: 10px;
}