@charset "utf-8";

header{background-color: #FFFFFF;padding: 8px 0;border-bottom: 1px solid #D8D8D8;}
header .contenedor{display: grid;grid-template-columns: 157px auto;padding: 0;}
header #logo{background: url("../img/pandasecurity-panda_watchguard.svg") no-repeat;width: 150px;height: 40px;background-size: 150px 40px;justify-self: left;align-self: center;}
header #logo.oculto{display: none;}
header #renew{justify-self: right;}
header #renew a{text-decoration: none !important;color: #2F3343;transition: .3s;}
header #renew i{font-size: 24px;line-height: 24px;display: block;margin-bottom: 2px;text-align: center;}
header #renew a .linkText{display:block;font-size: 16px;line-height: 24px;font-weight: 700;}
header #renew a:hover{color: #2C85D5;}
@media screen and (max-width:1023px) {
    header{padding: 8px 15px;}
}
@media screen and (max-width:600px) {
    header #logo{width: 157px;height: 42px;background-size: 157px 42px;}
    header #renew {font-size: 48px;line-height: 48px;color: #FFFFFF;display: block;text-decoration: none;align-self: center;margin-bottom: 0;}
    header #renew i{font-size: 32px;line-height: 32px;}
    header #renew a .linkText{display: none;}
}