@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

html {
    max-width: 100%;
    overflow-x: hidden;
}

body {max-width: 100%;overflow-x: hidden;font:400 14px/21px 'Roboto', sans-serif;padding:30px 0 60px;color: #111;}
.clear{clear: both;}

.ImpresosLanding{padding-bottom: 100px;}
.ImpresosLanding .Titles{text-align: center;}
.ImpresosLanding .Titles h1{width: 60%;display: inline-block;margin:0 0 20px;font-weight: 900;font-size: 60px;line-height:60px;letter-spacing: -1px;}
.ImpresosLanding .Titles p.subtitle{width:60%;font-size: 20px;line-height: 28px;color: #666;margin:0 auto 60px;}
.ImpresosLanding .Titles form{width:40%;margin: 0 auto 60px;}
.ImpresosLanding .Titles form input{background: #eee;color: #333;font-size: 25px;line-height: 50px;text-align: center;border: 0;width: 100%;}
.ImpresosLanding .Titles form input::placeholder {color: #bbb;}
.ImpresosLanding .Options{text-align: center;}
.ImpresosLanding .Options .Instruction{font-weight: 900;font-size: 24px;margin:0 0 40px;color: #222;}
.ImpresosLanding .Options .Item{padding:0 40px;}
.ImpresosLanding .Options .Item div{padding:20px;cursor: pointer;border: 14px solid #000;border-radius:5px;text-align:center;height: 250px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.ImpresosLanding .Options .Item div:hover{border-width: 11px;padding:23px;}
.ImpresosLanding .Options .Item #NewsandCoffee{border-color:rgb(20,39,221);}
.ImpresosLanding .Options .Item #Opinion{border-color:rgb(19,57,128);}
.ImpresosLanding .Options .Item #ParaelFinde{border-color:rgb(94,26,165);}
.ImpresosLanding .Options .Item div h2{font-weight: 900;font-size: 30px;margin:10px 0 20px;}
.ImpresosLanding .Options .Item p{color:#666;font-size:14px;line-height: 20px;font-weight:400;margin-bottom: 30px;}
.ImpresosLanding .Options .Item svg{width: 32px;height: 32px;display: block;margin:0 auto;}
.ImpresosLanding .Options .Item:hover svg path{fill: #aaa;}




@media screen and (max-width: 799px) { /* Mobile */
    body{font-size: 13px;}
  .clear{height: 0px;}
  .ImpresosLanding{padding-bottom: 50px;padding-top:25px;}
  .ImpresosLanding .Titles h1{font-size:32px;letter-spacing:0;line-height:34px;width: 100%;}
  .ImpresosLanding .Titles p.subtitle {width: 90%;font-size: 16px;line-height: 23px;margin-bottom: 40px;}
  .ImpresosLanding .Titles form {width: 95%;margin-bottom: 20px;}
  .ImpresosLanding .Titles form input {font-size: 18px;line-height: 50px;}
  .ImpresosLanding .Options .Instruction {font-size: 18px;}
  .ImpresosLanding .Options .Item{margin-bottom: 20px;padding: 0 20px;}
  .ImpresosLanding .Options .Item div{border-width: 10px;height: initial;padding: 20px;}
  .ImpresosLanding .Options .Item div h2 {font-size: 30px;}
}

@media screen and (max-width: 392px) { /* Mobile XS*/
}


@media screen and (min-width: 800px) and (max-width: 1071px) { /* Tablet */
  .ImpresosLanding .Options .Item {padding: 0 10px;}
  .ImpresosLanding .Options .Item div h2 {font-size: 26px;}
  .ImpresosLanding .Options .Item div{height: 270px}
  .ImpresosLanding .Titles h1 {width: 90%;}
  .ImpresosLanding .Titles p.subtitle {width: 80%;}
  .ImpresosLanding .Titles form {width: 70%;}
}

@media screen and (min-width: 1040px){
  .container {max-width: 960px;width: 960px;}
  .ImpresosLanding .Options .Item {padding: 0 10px;}
  .ImpresosLanding .Options .Item div h2 {font-size: 26px;}
  .ImpresosLanding .Options .Item div{height: 300px;}
}

@media screen and (min-width: 1232px){
  .container {max-width: 1152px;width: 1152px;}
  .ImpresosLanding .Options .Item {padding: 0 20px;}
  .ImpresosLanding .Options .Item div h2 {font-size: 28px;}
  .ImpresosLanding .Options .Item div{height: 285px;}

@media screen and (min-width: 1473px){
  .container {max-width: 1344px;width: 1344px;}
  .ImpresosLanding .Options .Item {padding: 0 30px;}
  .ImpresosLanding .Options .Item div h2 {font-size: 30px;}
}