.line-blue{ background-color: #003050; border-top: 2px solid rgba(0,0,0,.1); } .intrucciones{ color: #003050; } .btn-gold{ background-color: #C18000; } .btn-gold:hover{ background-color: #c18000d1; box-shadow: 0 .5rem 1rem rgba(0,0,0,0.3)!important; } #dashboard-rombo .card-white { background-image: url(../img/dashboard/background-white.png); background-color: white; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 26em !important; padding: 2em; border: 1px solid transparent; } #dashboard-rombo .card-gray { background-image: url(../img/dashboard/background-gray.png); background-color: white; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 26em !important; padding: 2em; border: 1px solid transparent; } #dashboard-rombo .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,0)!important; } #dashboard-rombo .card-header { padding: 0rem 0rem; margin-bottom: 0; background-color: rgba(0,0,0,0); border-bottom: 0px solid rgba(0,0,0,0); } #dashboard-rombo .text-module { color: #003050; } #dashboard-rombo .card-img-top { background-image: url("../img/dashboard/background-img.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 215px; padding: 1em; } #dashboard-rombo .gray { background-color: #DBE1EC; } #dashboard-rombo .catname { color: #9A1414; } @media only screen and (max-width: 600px) { #dashboard-rombo .card-white { height: 15em !important; padding: 0.8em; } #dashboard-rombo .card-gray { height: 15em !important; padding: 0.8em; } #dashboard-rombo .card-img-top { height: 140px; padding: 0.8em; } #dashboard-rombo .text-module { color: #003050; font-size: 12px; } #dashboard-rombo .catname { font-size: 20px; } } @media only screen and (min-width: 600px) { #dashboard-rombo .card-white { height: 15em !important; padding: 0.8em; } #dashboard-rombo .card-gray { height: 15em !important; padding: 0.8em; } #dashboard-rombo .card-img-top { height: 140px; padding: 0.8em; } #dashboard-rombo .text-module { color: #003050; font-size: 12px; } #dashboard-rombo .catname { font-size: 22px; } } @media only screen and (min-width: 768px) { #dashboard-rombo .card-white { height: 21.2em !important; padding: 0.8em; } #dashboard-rombo .card-gray { height: 21.2em !important; padding: 0.8em; } #dashboard-rombo .card-img-top { height: 208px; padding: 1.2em; } #dashboard-rombo .text-module { color: #003050; font-size: 16px; } #dashboard-rombo .catname { font-size: 25px; } } @media only screen and (min-width: 992px) { #dashboard-rombo .card-white { height: 21em !important; padding: 1.4em; } #dashboard-rombo .card-gray { height: 21em !important; padding: 1.4em; } #dashboard-rombo .card-img-top { height: 185px; padding: 1em; } #dashboard-rombo .text-module { color: #003050; font-size: 18px; } #dashboard-rombo .catname { font-size: 30px; } } @media only screen and (min-width: 1200px) { #dashboard-rombo .card-white { height: 26em !important; padding: 2em; } #dashboard-rombo .card-gray { height: 26em !important; padding: 2em; } #dashboard-rombo .card-img-top { height: 215px; padding: 1em; } #dashboard-rombo .text-module { color: #003050; font-size: 18px; } #dashboard-rombo .catname { font-size: 30px; } } #dashboard-cuadro .card-header{ background-color: #9a1414; height: 5em; } #dashboard-cuadro .card-header img{ top: -45%; position: absolute; width: 65%; left: 20%; } #dashboard-cuadro .gray { background-color: #DBE1EC; } #dashboard-cuadro .card-body { background-color: white; } #dashboard-cuadro .catname { color: #9A1414; } @media only screen and (max-width: 600px) { #dashboard-cuadro .card-header { height: 2.5em; } #dashboard-cuadro .catname { font-size: 35px; } } @media only screen and (min-width: 600px) { #dashboard-cuadro .card-header { height: 2em; } #dashboard-cuadro .catname { font-size: 20px; } } @media only screen and (min-width: 768px) { #dashboard-cuadro .card-header { height: 4em; } #dashboard-cuadro .catname { font-size: 30px; } } @media only screen and (min-width: 992px) { #dashboard-cuadro .card-header { height: 4em; } #dashboard-cuadro .catname { font-size: 30px; } } @media only screen and (min-width: 1200px) { #dashboard-cuadro .card-header { height: 5em; } #dashboard-cuadro .catname { font-size: 40px; } } .colcard{} .imgiconcat{ margin-bottom: -75px; max-width: 70%; z-index: 2; } .text-module{ } @media(min-width:768px ){ .imgiconcat{ margin-bottom: -75px; max-width: 80%; z-index: 2; } .text-module{ } }