diff --git a/assets/css/styles-1.css b/assets/css/styles-1.css
index cc8de4f..fd0b501 100644
--- a/assets/css/styles-1.css
+++ b/assets/css/styles-1.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/css/styles-2.css b/assets/css/styles-2.css
index 0c87a74..371a825 100644
--- a/assets/css/styles-2.css
+++ b/assets/css/styles-2.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/css/styles-3.css b/assets/css/styles-3.css
index 5b38562..dd1bd6d 100644
--- a/assets/css/styles-3.css
+++ b/assets/css/styles-3.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/css/styles-4.css b/assets/css/styles-4.css
index 9ad8f51..2b7dfe1 100644
--- a/assets/css/styles-4.css
+++ b/assets/css/styles-4.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/css/styles-5.css b/assets/css/styles-5.css
index ab6d85b..249a6fc 100644
--- a/assets/css/styles-5.css
+++ b/assets/css/styles-5.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/css/styles-6.css b/assets/css/styles-6.css
index 0eb8f00..f222c06 100644
--- a/assets/css/styles-6.css
+++ b/assets/css/styles-6.css
@@ -267,7 +267,7 @@ ul {
   color: #fb866a;
 }
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
+@media only screen and (max-width: 767px) {
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -286,7 +286,7 @@ ul {
 }
 /* Small devices (tablets, 768px and up) */
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
   .skillset .level-title {
     display: inline-block;
     float: left;
@@ -303,3 +303,14 @@ ul {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
+@media print {
+  html,
+  body {
+    width: 1020px;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
+.item {
+  break-inside: avoid;
+}
diff --git a/assets/less/default/responsive.less b/assets/less/default/responsive.less
index dd5e5d2..05d64b7 100644
--- a/assets/less/default/responsive.less
+++ b/assets/less/default/responsive.less
@@ -1,5 +1,5 @@
 /* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) { 
+@media only screen and (max-width: 767px) {
     
     .sidebar-wrapper {
         position: static;
@@ -29,7 +29,7 @@
 }
 
 /* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
+@media only screen and (min-width: 992px) {
     
     .skillset .level-title {
         display: inline-block;
@@ -60,4 +60,14 @@
 
 }
 
+@media print {
+    html, body {
+        width: 1020px;
+        -webkit-print-color-adjust:exact !important;
+        print-color-adjust:exact !important;
+    }
+}
 
+.item {
+    break-inside: avoid;
+}
\ No newline at end of file