#media{padding:0;margin:0;font-size:16px;font-family:"Poppins", sans-serif;background-color:#FFFFFF;font-weight:400;color:#2F3344;}
#media a{ color: #FF9010; font-weight: 600;    border-bottom: 1px #FF9010 solid;}
#media a:hover{background-color: inherit;}
#media p{margin: 1rem 0;}
#media p.p1{margin: 1rem 0 0;}
#media .icono{width: 24px; height: 24px; background:url("../svg/pandasecurity-icon-love.svg") no-repeat top left; display: inline-block; vertical-align: middle;}
#media .ia{ background:url("../svg/pandasecurity-icon-tutorial.svg") no-repeat top left}
#media .sec{ background:url("../svg/pandasecurity-icon-parental-control.svg") no-repeat top left}
#media .online{ background:url("../svg/pandasecurity-icon-cancel.svg") no-repeat top left}
#media .data{ background:url("../svg/pandasecurity-icon-data-shield.svg") no-repeat top left}
#media .list{font-weight: 500; display: flex; flex-direction: row; column-gap:6.5rem;margin-top: 1.5rem;}
#media .list span{margin-right: 0.9rem;}
#media .col div{margin-bottom: 1.4rem;}


#media .boxes{display: flex; margin-right:  1rem ;flex-wrap: wrap; justify-content: center;}
#media .box{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);padding: 16px;width: 232px; height: 200px; text-align: center; margin: 2.1rem 1.7rem 0 0; }
#media .box p:first-of-type{display: none;}
#media .boxes div:last-child{margin-right: none;}
#media .box p.text{min-height: 45px; margin-top: 0.5rem;}
#media .box p.text2{min-height: 60px;}
#media .button{color: #ffffff; background-color: #FF9010; border: none; font-weight: 600; padding: 0.55rem 2.9rem; display: block;font-size: 15px; margin-bottom: 0.6rem; text-decoration: none;}
#media .button:hover{background-color: #FF9010;}

@media screen and (max-width: 1000px){
	#media .list {column-gap: 1.5rem;}
}
@media screen and (max-width: 600px){
	#media .list {    flex-direction: column;}
}