#box-pen {float:left; width:100%; padding:30px 0; background:#03163b;}
.box-pen { float:left; width:100%;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen ul li{width:33%; float:left; list-style:none; }
.box-pen ul li h1 { color:#fff; margin:15px 0 30px 95px; font-family:'Eurostile Bold'; font-size:30px;}
.box-pen ul li a {padding:0; margin:0;}
.box-pen ul li#icon1 a{background:url('../images/box1.png'); background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0; display:inline-block;}
.box-pen ul li#icon2 a{background:url('../images/box2.png');background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0; display:inline-block;}
.box-pen ul li#icon3 a{background:url('../images/box3.png');background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0; display:inline-block;}

.box-pen ul li#icon1 a:hover{background:url('../images/box1-hover.png');background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen ul li#icon2 a:hover{background:url('../images/box2-hover.png');background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen ul li#icon3 a:hover{background:url('../images/box3-hover.png');background-size:auto auto; background-repeat:no-repeat; background-position:top 0 left 0;}

.box-pen ul li#icon1 a:hover h1,
.box-pen ul li#icon2 a:hover h1,
.box-pen ul li#icon3 a:hover h1 {color:#ed1c24; text-decoration:none;}




@media only screen and ( max-width:1520px) {

}

@media only screen and ( max-width:767px) {

}

@media only screen and ( max-width:640px) {

}

@media only screen and ( max-width:520px) {

}