body
{
    background-color:#fbf7c7;
    font-family: Arial, sans-serif;
}

#logo_eletti
{
  width: 25%;
  border-radius: 42%;
}

.banner1
{
    width:50%;
    margin-bottom:3%;
}

.banner2
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: rgb(132,132,132,0.15);
}

.banner2 img 
{
    width: 12%;
    padding: 0px 32px 0px 20px;
}

.banner2img1
{
    width: 7% !important;
    
}

.banner2img2
{
    margin: 0px 12px 0px 12px;
    
}
.banner2img3
{
    width: 9%!important;
}
#powered
{
    font-size:12px;
}


@media only screen and (min-width: 000px) and (max-width: 400px) 
{
    .banner1
    {
        width:100%;
    }
    
    .banner2 img 
    {
        width: 30% !important;
        padding: 0px;
    }
    
    #logo_eletti
    {
        width:60%;
    }
    
    .banner2img2 
    {
        margin: 0px 0px 0px -15px;
    }

    .banner2img1
    {
      margin-left: -12px;
    }

    .banner2img2 
    {
      margin: 0px 12px 0px -15px;
    }

    .banner2 img 
    {
      padding: 0px 0px 0px 0px;
    }
}

@media only screen and (min-width: 000px) and (max-width: 800px) 
{
    #logo_eletti
    {
      width: 40%;
    }
}

@media only screen and (min-width: 000px) and (max-width: 974px) 
{
    .banner1
    {
        width:90%;
    }
    
    #logo_eletti
    {
        width: 30%;
    }
    
    .banner2 img 
    {
      width: 34% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 974px) 
{
    .banner2 img 
    {
        width: 15% !important;
    }
}

@media only screen and (min-width: 974px) and (max-width: 1150px) 
{
    .banner1
    {
        width:80%;
    }
}
@media only screen and (min-width: 1150px) and (max-width: 1300px) 
{
    .banner1
    {
        width:70%;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1660px) 
{
    .banner1
    {
        width:60%;
    }
}