/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  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) {
}

/* 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 (min-width : 1600px) {
    h2{font-size: 4rem; font-weight: 300;}
    h3 {font-size: 2.6rem; font-weight: 600;}
    .datos{font-size: 33px; font-weight: 300;line-height: 1.3}
    .foot{font-size: 1.1rem;left: 33px;right: 33px;}
    .fa-map-marker{margin: 0 2px;}
    .fa-calendar{font-size: 26px! important;}
}

@media only screen and (max-width : 1500px) {
    h2{font-size: 3rem; font-weight: 400;}
    h3{font-size: 1.8rem; font-weight: 600;}
    .datos{font-size: 24px; font-weight: 400; line-height: 1.1}
    .foot{font-size: 0.6rem; left: 4%;right:4%;}
    .fa-map-marker{margin: 2px 3px 0; font-size: 22px;}
    .fa-calendar{font-size: 20px! important}
}

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

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

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

}

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