diff --git a/css/style.css b/css/style.css
index e69de29..3950ee9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,78 @@
+/*CSS*/
+ *{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ html,body{
+ font-family: 'Lato', sans-serif;
+ background-color: #fff;
+ }
+
+ #page-wrapper {
+ position: relative;
+ }
+ header{
+ position: fixed;
+ top: 0;
+ min-height: 75px;
+ padding: 0px 20px;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ background-color: #eee;
+ width: 100%;
+ }
+ header nav ul{
+ display: flex;
+ flex-direction: row;
+ list-style: none;
+ }
+
+ header nav ul li{
+ margin-left: 30px;
+ }
+ header nav ul li a{
+ text-decoration: none;
+ }
+ /** global classes styling **/
+ .container {
+ max-width: 1000px;
+ width: 100%;
+ margin: 0 auto;
+ top: 200px;
+ }
+
+ .grid {
+ display: flex;
+ }
+
+ img{
+ width: 50px;
+ height:50px;
+ }
+ section{
+ height: 100px;
+ }
+ #youtube-video{
+ width: 100%;
+ height: auto;
+ margin: 0 auto;
+ top: 10%;
+ }
+
+ #form{
+ margin-top: 100px;
+ }
+ /*MEDIA QUERY*/
+
+
+ @media (max-width: 600px) {
+ header {
+ flex-wrap: wrap;
+ }
+ }
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 0d56c1e..7e7c95f 100644
--- a/index.html
+++ b/index.html
@@ -1,26 +1,65 @@
-
-
- Fork Me! FCC: Test Suite Template
-
-
-
-
+
+
+
+ Fork Me! FCC: Test Suite Template
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+