@media print { @page { size: landscape !important; margin: 42px 64px; } html, body { width: 400mm; } .col-md-23 { max-width: 1400px; } .offset-md-1 { margin-left: 52px; } .landing-text { margin-left: 435px; max-width: 1089px; } .economic-indicators { display: flex; flex-wrap: wrap; margin-top: 3vw; } .economic-indicator { position: relative; display: flex; flex-direction: column; padding: 2% 1%; text-decoration: none; color: #000000; width: 25%; width: 25%; } .incut { float: left; letter-spacing: 0; width: 380px; margin-left: -464px; page-break-inside: avoid; margin-top: 0.6vw; margin-bottom: 0.6vw; clear: left; } .incut ~ .h3 { margin-left: 200px; } .incut ~ .chart-container { margin-left: 200px; } .h3 ~ .chart-container { width: 800px !important; } .h3 ~ .chart-container .highcharts-container { width: 800px !important; } .h3 ~ .chart-container .highcharts-root { width: 800px !important; } .lead-text { font-size: 26px; } .chart-container { display: flex; max-width: 100%; } .chart-double-container { display: flex; flex-direction: row; justify-content: space-between; } .chart-double-container_inner { flex: 48%; max-width: 48%; } .chart-double-container_inner._right { margin-top: 0; order: 0; } }