/*.borderred{
    border: 1px solid red;
   }

img.logosize{
    height:70px;
    width: 70px;
    border-color:red;
}

.sticky-top2 {
    position: -webkit-sticky;
    position: sticky;
    top: 90px
    z-index: 1030;
}
.fixed-top2 {
  position: fixed;
  top: 60px;
  
  z-index: 1030;
}
*/
.zoomimg:hover{
    width:95%;
    height:90%;
}
.clickable{
    cursor: pointer;
}

div.f80{
width:95%;
height:80vh;
}

.blau{
    border-style: solid;
    border-width: 4px;
    border-color: #007bff;
}
   .btn .badgesup {
    position: absolute;
    top: 0px;
    
}
 
div.centrar{
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 576px) {
	html {
        font-size: 10px;
    }
    table {
        font-size: 0.8rem;
    }
    body { 
        margin-top: auto;
        padding-top: 60px; }
    span {
        font-size: 0.8rem;
    }
    a, p, input, label, select {
        font-size: 0.6rem;
    }
    input[type='text'] { font-size: 0.6rem; }
    input[type='number'] { font-size: 0.6rem; }
    input[type='password'] { font-size: 0.6rem; }

    h3, h4, h5 {
        font-size: 0.8rem;
    }
    button {
        font-size: 0.6rem;
    }
    .btn {
        font-size: 0.6rem;
    }
    .btn a {
        font-size: 0.6rem;
    }
    img.logosize {
    max-height:50px;
    width: auto;
}
    i.logosize {
        font-size:2em
    }
    .fa .fa-5x{
        font-size:2em
    }    
   .logobrand img {
    max-height:40px;
    width:auto;
    

}
}

@media screen and (max-width: 768px){
	html {
        font-size: 10px;
    }
    body { 
        margin-top: auto;
        padding-top: 60px; }

    span {
        font-size: 0.8rem;
    }
    a, p, input, label, select {
        font-size: 0.7rem;
    }
    input[type='text'] { font-size: 0.7rem; }
    input[type='number'] { font-size: 0.7rem; }
    input[type='password'] { font-size: 0.7rem; }
    
    table{
        font-size: 0.8rem;
    }
    h3, h4, h5 {
        font-size: 0.8rem;
    }
    button {
        font-size: 0.7rem;
    }
    .btn {
        font-size: 0.7rem;
    }
    .btn a {
        font-size: 0.7rem;
    }
    .logosize img {
    max-height:40px;
    width: 40px;
    }
    i.logosize {
        font-size:3em
        }
    .fa .fa-5x {
        font-size:3em
    }    
    
    .logobrand img {
    max-height:50px;
    width:auto;

    }
   
  }

@media screen and (max-width: 992px){
	html {
        font-size: 12px;
    }
    
  table {
        font-size: 0.6rem;
    }
    body { 
        margin-top: auto;
        padding-top: 75px; }
    
    span {
        font-size: 0.8rem;
    }
    a, p, input, label {
        font-size: 0.8rem;
    }
    .btn {
        font-size: 0.8rem;
    }
    .btn a {
        font-size: 0.8rem;
    }
    .logosize img{
    max-height:55px;
    max-width: 55px;
    }
    .logosize i{
        font-size:3em
    }
    .fa .fa-5x{
        font-size:3em
    } 
    .logobrand img {
    max-height:60px;
    width:auto;   
}}

@media screen and (max-width: 1200px){
	html {
        font-size: 16px;
    } 
    body { 
        margin-top: auto;
        padding-top: 85px; 
    padding-bottom: 30px;
}
    span {
        font-size: 0.8rem;
    }
    a, p, input, label {
        font-size: 0.8rem;
    }

    table {
        font-size: 0.6rem;
    }
    .logosize img{
    max-height:55px;
    max-width: 55px;
    }
    .logosize i{
        font-size:4em
    }
    .logobrand img {
    max-height:75px;
    width:auto;
}
    .fa .fa-5x{
        font-size:4em
    }    
}

@media (min-width: 1201px){
    html {
        font-size: 18px;
    } 
    body { 
        margin-top: auto;
        padding-top: 95px; 
        padding-bottom: 30px;
    }
    span {
        font-size: 0.8rem;
    }
    a, p, input, label {
        font-size: 1rem;
    }
    table {
        font-size: 0.6rem;
    }
    .logosize i{
        font-size:5em
    }
    .logobrand img {
    max-height:75px;
    width:auto;
}
}