diff --git a/css/constants.css b/css/constants.css
new file mode 100644
index 0000000..20accbd
--- /dev/null
+++ b/css/constants.css
@@ -0,0 +1,8 @@
+* {
+	-v-screen-width: 1280;
+	-v-screen-height: 720;
+	
+	-v-header-height: 50;
+	-vn-header-height: 650; /* 72 - 50 + 20 */
+	
+}
\ No newline at end of file
diff --git a/css/header.css b/css/header.css
index 5285536..5679622 100644
--- a/css/header.css
+++ b/css/header.css
@@ -1,10 +1,14 @@
+@import "./constants.css";
+
 #header{
 	
-	-fx-min-height: 40;
-	-fx-max-height: 40;
-	-fx-pref-height: 40;
+	-fx-min-height: -v-header-height;
+	-fx-max-height: -v-header-height;
+	-fx-pref-height: -v-header-height;
 	
-	-fx-min-width: 1280;
+	-fx-min-width: -v-screen-width;
+	-fx-pref-width: -v-screen-width;
+	-fx-max-width: -v-screen-width;
 	
 	-fx-background-color: #3f51b5;
 	
@@ -15,9 +19,12 @@
 
 #header_menu{
 	
-	-fx-min-width: 40;
-	-fx-max-width: 1280;
+	-fx-min-width: -v-header-height;
+	-fx-max-width: -v-screen-width;
 	
+	-fx-min-height: -v-header-height;
+	-fx-pref-height: -v-header-height;
+	-fx-max-height: -v-header-height;
 }
 
 .header_menu_item{
diff --git a/css/menu.css b/css/menu.css
index 25aa1b6..cf280f8 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -1,14 +1,14 @@
+@import "./constants.css";
+
+
 #header_icon{
 	
-	
-	-fx-min-width: 40;
+	-fx-min-width: -v-header-height;
 	-fx-max-width: 660;
 	
-	-fx-min-height: 40;
-	-fx-max-height: 40;
-	-fx-pref-height: 40;
-	
-	
+	-fx-min-height: -v-header-height;
+	-fx-max-height: -v-header-height;
+	-fx-pref-height: -v-header-height;
 	
 	-fx-background-color: #3240a3;
 	
@@ -17,6 +17,15 @@
 	
 }
 
+
 #menu_container{
-	 -fx-background-color: #fffffd;
+	
+	-fx-min-width: 237;
+	-fx-max-width: 237;
+	
+	-fx-min-height: -vn-header-height;
+	-fx-max-height: -vn-header-height;
+	
+	-fx-background-color: #fffffd;
+
 }
\ No newline at end of file