@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html{
    font-family: 'Open Sans', sans-serif !important;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
}


/* ================= */
/*      DESKTOP      */
/* ================= */

@media only screen and (min-width: 602px){

     h1, h2 {
     color: #511907;
         
 }
  
 #upwrapper {
     max-width: 960px;
     height: auto;
     margin: 0 auto;
     padding-top: 41px;
/*     background-image: url('/images/bkg-signos.png');*/
     background-repeat: no-repeat;
 }
 
 #wrapper {
     max-width: 700px;
     margin: 0 auto;
 }
 
 .col-sm-3 a {
     background-color: #481802;
     display: block;
     text-align: center;
     border-radius: 10px;
     margin-bottom: 15px;
     overflow: hidden;
     min-height: 130px;
 }
    
    
    }



/* ================= */
/*      MOBILE       */
/* ================= */

@media only screen and (max-width: 600px) {
     h1, h2 {
     color: #511907;
     font-size: 30px;
 }
 
 #upwrapper {
     max-width: 960px;
     height: 637px;
     margin: 0 auto;
     padding-top: 41px;
/*  background-image: url('images/bkg-signos.png'); */
     background-repeat: no-repeat;
 }
 
 #wrapper {
     max-width: 700px;
     margin: 0 auto;
 }
 
 .col-sm-3 a {
     background-color: #481802;
     display: block;
     text-align: center;
     border-radius: 10px;
     margin-bottom: 15px;
     overflow: hidden;
     min-height: 130px;
 }
    
   

    
    }