.logo{

    width: 280px;
    margin: auto;
    padding: 60px;

}

.logo img{

    width: 100%;

}

.paragraf{

    font-size: 18px;
    color: #CCC;

}

.info_seccio{

    margin-top: 50px;
    border-left: 3px solid #FCB487;
    padding-left: 30px;

}

@media (max-width: 1200px) {

    .logo{

        width: 200px;

    }

}

@media (max-width: 530px) {

    .logo{

        width: 110px;
        padding: 25px;

    }

    .paragraf{

        font-size: 18px;
        color: #CCC;

    }

    .info_seccio{

        border-left: 2px solid #FCB487;
        padding-left: 20px;

    }

    .inner > .info_seccio:nth-child(1 of .info_seccio){

        margin-top: 35px !important;

    }

    .inner > .info_seccio{

        margin-top: 40px !important;

    }

    .info_seccio .descripció{

        font-size: 16px;

    }

}