feat(checkout vazio): Aplica css a página de chekcout vazio em todos tamanhos de tela

checkout/src/arquivos/sass/checkout/_checkout-vazio.scss

@@ -1,3 +1,7 @@
+.row-fluid .full-cart, .row-fluid .orderform-template {
+    margin-bottom: 0;
+}
+
 .empty-cart {
 	font-family: $font-family;
 	&-content {
@@ -9,26 +13,72 @@
 		}
 	}
 
+    &-message {
+        display: none;
+    }
+
 	&-title {
-		font-size: 20px;
+        font-family: $font-family;
+        font-weight: 700;
+        font-size: 18px;
+        line-height: 25px;
+        text-align: center;
+        text-transform: uppercase;
+        color: $color-black2;
+        margin-top: 170px;
+        margin-bottom: 0;
+
+        @include mq(xg, min) {
+            font-size: 48px;
+            line-height: 65px;
+        }
+
+        @include mq(xm, min) {
+            font-size: 24px;
+            line-height: 33px;
+        }
+
+        @include mq(xsp, max) {
+            font-size: 16px;
+        }
 	}
 
 	&-links {
 		.link-choose-products {
-			background: $color-black;
+			background: transparent;
-			border: none;
+			border: 1px solid $color-black2;
-			border-radius: 5px;
+			border-radius: 0px;
 			transition: ease-in 0.22s all;
 			outline: none;
-			font-family: $font-family;
+			font-family: $font-family-secundary;
 			font-style: normal;
-			font-weight: 500;
+			font-weight: 400;
 			font-size: 14px;
 			line-height: 16px;
 			text-align: center;
 			letter-spacing: 0.05em;
-			color: $color-white;
+			color: $color-black2;
 			text-transform: uppercase;
+            padding: 16px 26px;
+            cursor: pointer;
+            margin: 22px 0 262px 0;
+
+            @include mq(xg, min) {
+                font-size: 28px;
+                line-height: 33px;
+                padding: 16px 121px;
+            }
+
+            @include mq(xm, min) {
+                padding: 16px 65px;
+                margin: 32px 0 264px 0;
+            }
+
+            @include mq(xsp, max) {
+                font-size: 12px;
+                line-height: 14px;
+                padding: 16px 20px;
+            }
 
 			&:hover {
 				background: lighten($color-black, 5);

checkout/src/arquivos/sass/checkout/_checkout.scss

@@ -62,7 +62,15 @@ body {
     }
     .container-order-form,
     .container-cart {
-        width: 80%;
+        width: 96.875%;
+
+        @include mq(xm, min) {
+            width: 80%;
+        }
+
+        @include mq(xpp, max) {
+            width: 91.4666%;
+        }
     }
 }
 
@@ -81,18 +89,29 @@ body {
 
 #cart-title,
 #orderform-title {
-    color: $color-gray2;
+    color: $color-black;
     font-family: $font-family;
-    font-weight: 500;
+    font-weight: 700;
-    font-size: 36px;
+    font-size: 24px;
-    line-height: 42px;
+    line-height: 33px;
-    margin: 40px 0 30px;
+    margin: 17px 0 17px;
-    letter-spacing: 0.1em;
+    letter-spacing: 0.05em;
     text-transform: uppercase;
 
-    @include mq(md, max) {
+    @include mq(xg, min) {
-        margin-left: 30px;
+        font-size: 48px;
+        line-height: 65px;
+        margin-bottom: 18px;
     }
+
+    @include mq(xm, min) {
+        margin: 17px 0 16px;
+    }
+}
+
+#orderform-title {
+    color: $color-black2;
+    margin-bottom: 17px;
 }
 
 .dropdown {

checkout/src/arquivos/sass/utils/_variaveis.scss

@@ -24,6 +24,7 @@ $color-green: #495e49;
 /* Grid breakpoints */
 $grid-breakpoints: (
 	xs: 0,
+    xsp: 325px,
     xppp: 350px,
     xpp: 376px,
 	cstm: 400px,