h1{
    font-size:3em;
    margin-bottom: 0.5em;
}
.subtitol{
    font-size:1.5em;
}
h2{
    font-size:2.5em;
    margin-bottom:0.5em;
}
h3 {
    font-weight: bold;
}
.divPreForm{
    padding-left: 4em;
    padding-right:3em;
}
.imgObreGaleria{
    position:relative;
}
.imgObreGaleria:hover{
    filter: grayscale(80%);
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
}
.divGoToGallery{
    position:absolute;
    color:#333333;
    background-color:#EEE;
    opacity: 0.8;
    border-radius: 50%;
    height:25px;
    width:25px;
    bottom:-100px;
    right:10px;
    padding-top:2px;
    padding-left:3px;
}
.divPromocionVerano{
    width:100%;
    border-top-left-radius: 360px;
    border-bottom-left-radius: 360px;
    background-color: #ff6600;
    padding:40px;
}
.caixaImatgeBanner{
    position:absolute;
    top:160px;
    width:100%;
    text-align:center;
}
.caixaImatgeBanner .caixaTaronja{
    font-size:24px;
    padding-left: 20px;
    padding-right:20px;
}
.grecaptcha-badge{
    bottom:60px !important;
}
@media only screen and (max-width : 767px) {
    .divTitolLanding2 {z-index: 1000;margin-bottom:-2em;}
    .divTitolLanding2 h1{ font-size: 2em;}
    .divTitolLanding2 h2{font-size: 1.5em;}
    #dadesDomiciliacions{font-size: 1.2em;}
    .divCol1OficinaVirtual h1{font-size: 2em !important;}    
    .divCol2OficinaVirtual{}
    .divCol2OficinaVirtual h2 { font-size: 1.5em; }
    #divFons22a{height:650px;}
    .quadreOpcio{height: 10em;background-color: #ff6600;color:white;margin-left: 1%;margin-right: 1%;width:31%;float:left;padding:0.5%;text-align: center}
    .quadreOpcio i{font-size:2.5em !important;}
}
@media only screen and (min-width:768px) {
    .divTitolLanding2 {z-index: 1000;margin-bottom:-4em;}
    .divTitolLanding2 h1{ font-size: 4em;}
    .divTitolLanding2 h2{font-size: 3em;}
    #dadesDomiciliacions{margin-top: -4em;font-size:1.5em;}
    #divFons22a{height:750px;}
    .divCol1OficinaVirtual h1{font-size:3.5em !important;}
    .divCol2OficinaVirtual{top:2em;position:absolute;text-align: center;width:36%;left:62%;padding-right:2%;}
    .divCol2OficinaVirtual h2 { font-size: 2.5em; }
    .quadreOpcio{height: 10em;background-color: #ff6600;color:white;margin-left: 1%;margin-right: 1%;margin-top:1em;width:45%;float:left;padding:0.5%;text-align: center}
    .quadreOpcio i{font-size:2.5em !important;}
}
@media only screen and (min-width:1480px){
    .quadreOpcio{height: 10em;background-color: #ff6600;color:white;margin-left: 2%;margin-right: 2%;width:28%;float:left;padding:1%;text-align: center}
    .quadreOpcio i{font-size:3.5em !important;}
}
.logoCINC{
    width:200px;    
}
.colorGold{color:gold;}
.colorBlanc{color:white;}
.caixaTaronja{
    padding:6px;
    background-color: #FF6600;
    color:white !important;
    display: inline-block;
    margin-top:0.5em;
}
.caixaTaronja a{
    text-decoration: none;
    color:white;
    text-decoration: none!important;
}
.caixaTaronja:hover{
    background-color: #cc5200;
    color:white;
    text-decoration: none!important;
    cursor: pointer;
}
.caixaTaronja a:hover{
    color:white;
    text-decoration: none!important;
}
.franjaImatge{
    height: 550px;
    object-fit:cover;
    width:100%;
    object-position: bottom;
}

@media only screen and (min-width:1200px)
{
    .filaFotos {  display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
        "text fotoGran"
        "fotoPetita fotoGran";
    }
    .fotoGran { grid-area: fotoGran; }
    .text { grid-area: text; }
    .fotoPetita { grid-area: fotoPetita; }
    .text20{font-size:20px;}
}



.llistaServeis ul{
    list-style:none;
    font-size:1.5em;
}
.llistaServeis li{
    margin-top:0.5em;
    margin-bottom:0.5em;
}
.llistaServeis li:before{
    color: #FF6600;
    content: "\f00c"; 
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

.titolCoworking{
    font-size:3em;
}

.fonsTaca{
    background-image:url('/img/landings/taca-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#tacaPlaceholder{
    margin:auto;
}

.divCol1OficinaVirtual{top:2em;position: absolute;width:100%;}

.divFonsIrregular{
    width:100%;
    height: 300px;
    color:red;
    background: #f2dcce !important;
    /*border-radius: 5px 50px / 50px 15px;    */
}


.imatgeCapcalera22a{height: 100%; width: 100%; object-fit: cover; object-position: top;opacity: 0.5;}
.imatgeCapcaleraLanding2{width: 90%; margin:auto;}
.divTitolLanding2 h3{}