/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .bola{bottom:100%;}
    img.bola{position: absolute;bottom:0;}

    #fons{width: 100%;height: 100%;position: relative;overflow: hidden;}
    .box_arbre{height:100vh;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .container{max-width:100%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


    .fons{min-height: 500px;}
    .box_arbre{min-height: 100vh;}
    .box_arbre .tbl{min-height: 100vh;}

    img.bola {position: absolute;bottom: 0;}
    .bola{opacity: 0;}

    .dates{position:absolute;top:47% !important;font-size: 30px;line-height: 38px;}



}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}