.fuera {
    position: absolute;
    margin-top: -52px}
.badge {
    position: absolute;
    margin-top: -26px}
@media (min-width: 576px) {
.badge {
        margin-top: 0px}}
.body {
    background-repeat: no-repeat;
    background-image: url("assets/back.jpg");
    background-position: 79%;
    background-size: cover  }
@media (min-width: 1400px) {
.body {
        background-size: auto  }}
@media (min-width: 1200px) {
.body {
        background-size: auto  }}
@media (min-width: 992px) {
.body {
        background-size: auto  }
.resp {
        position: absolute;
        margin-left: -33px}}
@media (min-width: 768px) {
.body {
        background-size: auto }}
.logo {
    position: absolute;
    margin-top: 74px}
.genero {}
.genero:hover {
    background-color: #f0f0f0}
.button {}
.button:hover {
    background-color: #6c757d}
.button:active {
    color: #fff;
    background-color: #fd7e14}
.resp {
    position: absolute;
    margin-top: 9px;
    margin-left: -68px;
    padding: 12px}
.azulboton {}
.azulboton:active {
    background-color: #004584}
.overbtn {}
.overbtn:hover {
    color: #ec7425;
    background-color: #fff}
.tagmenu {}
.tagmenu {
    float: right;
    margin-top: 5px;
    margin-right: 85px}
.tagmenu2 {
    float: right;
    margin-top: 6px;
    margin-right: 38px}
.okbutton {}
.okbutton:hover {
    background-color: #fff;
    color: #343a40}
.okbutton2 {
    background-color: #fd7e14;
    color: #fff}
.okbutton2:hover {
    background-color: #fff}