Arreglo del resize en texto-box

Especificos.css

@@ -8,16 +8,11 @@
  -webkit-font-smoothing: antialiased;
 }
 
-@font-face {
-    font-family: 'Raleway';
-    src: url('/Fonts/Raleway-Regular.ttf');
-}
 html, body
 {
     margin: 0px auto;
     font-family: 'Raleway'sans-serif;    
-/*font-family: 'Franklin Gothic Book','Helvetica Neue',Helvetica,Arial,sans-serif;
-    */-webkit-font-smoothing: antialiased;
+    -webkit-font-smoothing: antialiased;
     -webkit-text-stroke: 0.50px;
     position: relative;
 
@@ -33,9 +28,16 @@ html, body
     background-color: rgba(0,0,0,0.5);
     z-index: 10;
     margin-top: -30px; 
+    font-variant: normal;
+    font-weight: normal;
+    color: white;
+    font-size: 26px;
+    text-align: center;
 
 }
 
+    
+
 #exit{
     width: 30px;
     height: 30px;
@@ -43,19 +45,15 @@ html, body
     cursor: pointer;
     float: right;
 }
-#mensaje{ resize:both; overflow:auto;}
+#message{ resize: vertical; overflow:auto; max-height: 200px;}
+
 
 
-/* Basic Grey */
 .basic-grey {
     width: 50%;
     position: fixed;
     left: 50%;
     margin: 0 0 0 -25%;
-    /*position: fixed;
-    width: 650px;
-    margin-right: auto;
-    margin-left: auto;*/
     z-index: 11;
     background: #465A68;
     padding: 20px 30px 20px 30px;
@@ -317,7 +315,7 @@ html, body
 #productos
 {
     /*background: url('Images/productos.jpg') no-repeat scroll center bottom / cover #485260 ;
-    */height: 400px;
+    height: 400px;*/
     max-height: 100%;
     width: 90%; 
     margin: 100px auto;
@@ -530,12 +528,6 @@ a:link
 a:hover, 
 {
     opacity: 0.5; transition: opacity 0.3s ease-in-out;
-    /*color: #7196A6;
-    text-decoration: none;
-    opacity: 0.5;
-    filter: alpha(opacity=100);
-    -webkit-transition: opacity 2s linear;
-    */
 }
 
 ul, li
@@ -554,7 +546,7 @@ li:hover
 .hidden { display: none;}
 
 
-/********************SLIDES********************/
+/********************SLIDES          TODO: es necesario? 
 
 @import url(http://fonts.googleapis.com/css?family=Varela+Round);
 
@@ -618,7 +610,7 @@ li:hover
 
 .nav label:hover { opacity: 0.2; transition: opacity 1s ease-in-out;}
 
-/*.nav .next { right: 0; }*/
+.nav .next { right: 0; }
 
 input:checked + .slide-container  .slide {
     opacity: 1;
@@ -659,4 +651,5 @@ input#img-4:checked ~ .nav-dots label#img-dot-4,
 input#img-5:checked ~ .nav-dots label#img-dot-5,
 input#img-6:checked ~ .nav-dots label#img-dot-6 {
     background: rgba(0, 0, 0, 0.8);
-}
+}
+********************/