diff --git a/services/web/public/stylesheets/app/error-pages.less b/services/web/public/stylesheets/app/error-pages.less
new file mode 100644
index 0000000000..c1da441ba2
--- /dev/null
+++ b/services/web/public/stylesheets/app/error-pages.less
@@ -0,0 +1,50 @@
+.error-container {
+	display: flex;
+	align-items: center;
+}
+	.error-figure {
+		flex: 0 0 50%;
+		align-self: stretch;
+		padding: 50px;
+	}
+
+	.error-details {
+		flex: 0 0 50%;
+		padding: 50px;
+	}
+		.error-code {
+			font-family: @font-family-sans-serif;
+			font-size: @font-size-h1 * 4;
+			font-weight: 800;
+			color: @red;
+			margin-bottom: @line-height-computed;
+		}
+		.error-status,
+		.error-description {
+			font-family: @font-family-serif;
+			margin-bottom: (@line-height-computed / 4);
+			line-height: 1;
+			color: @gray-dark;
+			font-size: @font-size-h1;
+		}
+		.error-description {
+			font-size: @font-size-h3;
+			color: @gray-light;
+			margin-bottom: @line-height-computed * 2;
+		}
+		.error-btn {
+			color: @navbar-default-link-color;
+			border: 2px solid @navbar-default-link-color;
+			border-radius: @border-radius-base;
+			font-weight: 700;
+			line-height: 1;
+			padding: @padding-base-vertical @padding-base-horizontal;
+
+			&:hover,
+			&:focus {
+				text-decoration: none;
+				color: #fff;
+				background-color: @navbar-default-link-hover-bg;
+				border: 2px solid @navbar-default-link-hover-color;
+			}
+		}
\ No newline at end of file
diff --git a/services/web/public/stylesheets/style.less b/services/web/public/stylesheets/style.less
index 2ab13566ad..b3e0c15294 100755
--- a/services/web/public/stylesheets/style.less
+++ b/services/web/public/stylesheets/style.less
@@ -79,6 +79,7 @@
 @import "app/sprites.less";
 @import "app/invite.less";
 @import "app/review-features-page.less";
+@import "app/error-pages.less";
 
 @import	"../js/libs/pdfListView/TextLayer.css";
 @import	"../js/libs/pdfListView/AnnotationsLayer.css";