section{
    background-color:#0f6c88;
    height:100vh;
    padding: 5rem 0;
    position: relative;
    overflow:hidden;
}

.container{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.col-12{
    display: flex;
    justify-content: flex-end;
}

.logo-fiorenzoni{
    width: 40vw;
}

.list-logo{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
}

.item-list{width: 100%;text-align: right;padding-left: 5rem;}

.item-list:not(:last-child){
    padding-bottom: 2rem;
    border-bottom:1px solid #fff;
}

.item-list svg {
    height: 6vh;
}

.img-absolute{
    width: 80%;
    position: fixed;
    left: -25%;
    top: 20%;
}







@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
      
  
      
  section{
    background-color:#0f6c88;
    padding: 2rem 1.5rem;
}

.container{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    justify-content: flex-start;
}

.col-12{
    display: flex;
    justify-content: flex-end;
}

.logo-fiorenzoni{
    width: 100%;
}

.list-logo{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
    width: 100%;
}

.item-list{width: 100%;text-align: right;padding-left: 2rem;}

.item-list:not(:last-child){
    padding-bottom: 2rem;
    border-bottom:1px solid #fff;
}

.item-list svg{
    height: 5vh;
}

   
    .img-absolute{
    width: 100%;
    position: absolute;
    left: -20%;
        bottom: -25%;
        top: inherit;
}
  
      
  }






@media only screen 
  and (min-device-width: 390px) 
  and (max-device-width: 844px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    
    
        .img-absolute{
    width: 100%;
    position: absolute;
    left: -20%;
    bottom: -10%;
        top: inherit;
}
  
      
  }


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
      .list-logo {

    gap: 3rem;
}
       .item-list:not(:last-child) {
    padding-bottom: 3rem;
}    
      
  }

@media only screen 
  and (min-device-width: 1100px) 
  and (max-device-width: 1200px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
      .list-logo {

    gap: 3rem;
}
      
   .item-list:not(:last-child) {
    padding-bottom: 3rem;
}   
      
  }



@media only screen
and (min-device-width: 768px) 
and (max-width: 820px) {
    
.logo-fiorenzoni {
    width: 100%;
}

      .list-logo {

    gap: 3rem;
}
      
   .item-list:not(:last-child) {
    padding-bottom: 3rem;
}   

section {
    padding: 5rem 3rem;
}

  }