#particles-js{
opacity: .5
}
.background-section .section {
padding: 0;
}
.section .title{
width: 100%;
color: #004570;
}
.section .text{
width: 100%;
color: #004570;
}
.section .line{
width: 80%;
margin: 2% 0;
height: 3px;
background: var(--brand-color);
}
.section .item-container{
width: 100%;
}
.section .item-container .col {
width: 49%;
}
.section .item-container .col:nth-child(2){
margin-left: 2%;
}
.section .item{
width: 92%;
height: 250px;
padding: 4%;
background: white;
border-radius: 20px;
box-shadow: 5px 5px 10px 2px rgba(0,0,0,.1);
}
.section .item-container .col .item:nth-child(2){
margin-top: 3%;
}
.section .item .icon{
width: 50px;
height: 50px;
margin-right: 2%;
}
.section .item .icon img{
position: relative;
float: left;
width: 100%;
height: 100%;
}
.section .item .title{
width: calc(98% - 3em);
color: var(--brand-color);
}
.section .item .title h1{
line-height: 50px;
}
.section .item .text{
margin-top: 2.5%;
}
#chi-siamo{
margin-top: 5%;
}
@media (max-width: 768px) {
.section .item .title h1{
font-size: .6em;
}
.section .line{
margin: 2% 0 5%;
}
.background-section .section {
padding: 2.5% 0;;
}
.section .item-container .col {
width: 100%;
}
.section .item-container .col:nth-child(2){
margin-left: 0%;
}
.section .item{
margin-top: 3%;
height: auto;
}
}