diff --git a/.csscomb.json b/.csscomb.json
new file mode 100644
index 0000000..0060095
--- /dev/null
+++ b/.csscomb.json
@@ -0,0 +1,329 @@
+{
+    "always-semicolon": true,
+    "color-case": "lower",
+    "block-indent": "\t",
+    "color-shorthand": true,
+    "element-case": "lower",
+    "eof-newline": false,
+    "leading-zero": false,
+    "quotes": "double",
+    "sort-order-fallback": "abc",
+    "space-before-colon": "",
+    "space-after-colon": " ",
+    "space-before-combinator": " ",
+    "space-after-combinator": " ",
+    "space-between-declarations": "\n",
+    "space-before-opening-brace": "",
+    "space-after-opening-brace": "\n",
+    "space-after-selector-delimiter": "\n",
+    "space-before-selector-delimiter": "",
+    "space-before-closing-brace": "\n",
+    "strip-spaces": true,
+    "tab-size": true,
+    "unitless-zero": true,
+    "vendor-prefix-align": true,
+    "sort-order": [
+        [
+            "$extend",
+            "$include"
+        ],
+        [
+            "font",
+            "font-family",
+            "font-size",
+            "font-weight",
+            "font-style",
+            "font-variant",
+            "font-size-adjust",
+            "font-stretch",
+            "font-effect",
+            "font-emphasize",
+            "font-emphasize-position",
+            "font-emphasize-style",
+            "font-smooth",
+            "line-height"
+        ],
+        [
+            "position",
+            "z-index",
+            "top",
+            "right",
+            "bottom",
+            "left"
+        ],
+        [
+            "display",
+            "visibility",
+            "float",
+            "clear",
+            "overflow",
+            "overflow-x",
+            "overflow-y",
+            "-ms-overflow-x",
+            "-ms-overflow-y",
+            "clip",
+            "zoom",
+            "flex-direction",
+            "flex-order",
+            "flex-pack",
+            "flex-align"
+        ],
+        [
+            "-webkit-box-sizing",
+            "-moz-box-sizing",
+            "box-sizing",
+            "width",
+            "min-width",
+            "max-width",
+            "height",
+            "min-height",
+            "max-height",
+            "margin",
+            "margin-top",
+            "margin-right",
+            "margin-bottom",
+            "margin-left",
+            "padding",
+            "padding-top",
+            "padding-right",
+            "padding-bottom",
+            "padding-left"
+        ],
+        [
+            "table-layout",
+            "empty-cells",
+            "caption-side",
+            "border-spacing",
+            "border-collapse",
+            "list-style",
+            "list-style-position",
+            "list-style-type",
+            "list-style-image"
+        ],
+        [
+            "content",
+            "quotes",
+            "counter-reset",
+            "counter-increment",
+            "resize",
+            "cursor",
+            "-webkit-user-select",
+            "-moz-user-select",
+            "-ms-user-select",
+            "user-select",
+            "nav-index",
+            "nav-up",
+            "nav-right",
+            "nav-down",
+            "nav-left",
+            "-webkit-transition",
+            "-moz-transition",
+            "-ms-transition",
+            "-o-transition",
+            "transition",
+            "-webkit-transition-delay",
+            "-moz-transition-delay",
+            "-ms-transition-delay",
+            "-o-transition-delay",
+            "transition-delay",
+            "-webkit-transition-timing-function",
+            "-moz-transition-timing-function",
+            "-ms-transition-timing-function",
+            "-o-transition-timing-function",
+            "transition-timing-function",
+            "-webkit-transition-duration",
+            "-moz-transition-duration",
+            "-ms-transition-duration",
+            "-o-transition-duration",
+            "transition-duration",
+            "-webkit-transition-property",
+            "-moz-transition-property",
+            "-ms-transition-property",
+            "-o-transition-property",
+            "transition-property",
+            "-webkit-transform",
+            "-moz-transform",
+            "-ms-transform",
+            "-o-transform",
+            "transform",
+            "-webkit-transform-origin",
+            "-moz-transform-origin",
+            "-ms-transform-origin",
+            "-o-transform-origin",
+            "transform-origin",
+            "-webkit-animation",
+            "-moz-animation",
+            "-ms-animation",
+            "-o-animation",
+            "animation",
+            "-webkit-animation-name",
+            "-moz-animation-name",
+            "-ms-animation-name",
+            "-o-animation-name",
+            "animation-name",
+            "-webkit-animation-duration",
+            "-moz-animation-duration",
+            "-ms-animation-duration",
+            "-o-animation-duration",
+            "animation-duration",
+            "-webkit-animation-play-state",
+            "-moz-animation-play-state",
+            "-ms-animation-play-state",
+            "-o-animation-play-state",
+            "animation-play-state",
+            "-webkit-animation-timing-function",
+            "-moz-animation-timing-function",
+            "-ms-animation-timing-function",
+            "-o-animation-timing-function",
+            "animation-timing-function",
+            "-webkit-animation-delay",
+            "-moz-animation-delay",
+            "-ms-animation-delay",
+            "-o-animation-delay",
+            "animation-delay",
+            "-webkit-animation-iteration-count",
+            "-moz-animation-iteration-count",
+            "-ms-animation-iteration-count",
+            "-o-animation-iteration-count",
+            "animation-iteration-count",
+            "-webkit-animation-direction",
+            "-moz-animation-direction",
+            "-ms-animation-direction",
+            "-o-animation-direction",
+            "animation-direction",
+            "text-align",
+            "-webkit-text-align-last",
+            "-moz-text-align-last",
+            "-ms-text-align-last",
+            "text-align-last",
+            "vertical-align",
+            "white-space",
+            "text-decoration",
+            "text-emphasis",
+            "text-emphasis-color",
+            "text-emphasis-style",
+            "text-emphasis-position",
+            "text-indent",
+            "-ms-text-justify",
+            "text-justify",
+            "letter-spacing",
+            "word-spacing",
+            "-ms-writing-mode",
+            "text-outline",
+            "text-transform",
+            "text-wrap",
+            "text-overflow",
+            "-ms-text-overflow",
+            "text-overflow-ellipsis",
+            "text-overflow-mode",
+            "-ms-word-wrap",
+            "word-wrap",
+            "word-break",
+            "-ms-word-break",
+            "-moz-tab-size",
+            "-o-tab-size",
+            "tab-size",
+            "-webkit-hyphens",
+            "-moz-hyphens",
+            "hyphens",
+            "pointer-events"
+        ],
+        [
+            "opacity",
+            "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+            "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
+            "-ms-interpolation-mode",
+            "color",
+            "border",
+            "border-width",
+            "border-style",
+            "border-color",
+            "border-top",
+            "border-top-width",
+            "border-top-style",
+            "border-top-color",
+            "border-right",
+            "border-right-width",
+            "border-right-style",
+            "border-right-color",
+            "border-bottom",
+            "border-bottom-width",
+            "border-bottom-style",
+            "border-bottom-color",
+            "border-left",
+            "border-left-width",
+            "border-left-style",
+            "border-left-color",
+            "-webkit-border-radius",
+            "-moz-border-radius",
+            "border-radius",
+            "-webkit-border-top-left-radius",
+            "-moz-border-radius-topleft",
+            "border-top-left-radius",
+            "-webkit-border-top-right-radius",
+            "-moz-border-radius-topright",
+            "border-top-right-radius",
+            "-webkit-border-bottom-right-radius",
+            "-moz-border-radius-bottomright",
+            "border-bottom-right-radius",
+            "-webkit-border-bottom-left-radius",
+            "-moz-border-radius-bottomleft",
+            "border-bottom-left-radius",
+            "-webkit-border-image",
+            "-moz-border-image",
+            "-o-border-image",
+            "border-image",
+            "-webkit-border-image-source",
+            "-moz-border-image-source",
+            "-o-border-image-source",
+            "border-image-source",
+            "-webkit-border-image-slice",
+            "-moz-border-image-slice",
+            "-o-border-image-slice",
+            "border-image-slice",
+            "-webkit-border-image-width",
+            "-moz-border-image-width",
+            "-o-border-image-width",
+            "border-image-width",
+            "-webkit-border-image-outset",
+            "-moz-border-image-outset",
+            "-o-border-image-outset",
+            "border-image-outset",
+            "-webkit-border-image-repeat",
+            "-moz-border-image-repeat",
+            "-o-border-image-repeat",
+            "border-image-repeat",
+            "outline",
+            "outline-width",
+            "outline-style",
+            "outline-color",
+            "outline-offset",
+            "background",
+            "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+            "background-color",
+            "background-image",
+            "background-repeat",
+            "background-attachment",
+            "background-position",
+            "background-position-x",
+            "-ms-background-position-x",
+            "background-position-y",
+            "-ms-background-position-y",
+            "-webkit-background-clip",
+            "-moz-background-clip",
+            "background-clip",
+            "background-origin",
+            "-webkit-background-size",
+            "-moz-background-size",
+            "-o-background-size",
+            "background-size",
+            "box-decoration-break",
+            "-webkit-box-shadow",
+            "-moz-box-shadow",
+            "box-shadow",
+            "filter:progid:DXImageTransform.Microsoft.gradient",
+            "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
+            "text-shadow"
+        ]
+    ]
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index d8da0f4..38b2272 100644
--- a/index.html
+++ b/index.html
@@ -4,110 +4,140 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <link rel="stylesheet" type="text/css" href="./fontawesome-all.css">
-    <link rel="stylesheet" type="text/css" href="./styles/style.css">
+    <link rel="stylesheet" type="text/css" href="./styles/for icons/fontawesome-all.css">
+    <link rel="stylesheet" type="text/css" href="./styles/reset/reset.css">
     <link rel="stylesheet" type="text/css" href="./styles/header.css">
+    <link rel="stylesheet" type="text/css" href="./styles/logo.css">
     <link rel="stylesheet" type="text/css" href="./styles/navigation.css">
+    <link rel="stylesheet" type="text/css" href="./styles/advertising.css">
     <link rel="stylesheet" type="text/css" href="./styles/news.css">
-    <link rel="stylesheet" type="text/css" href="./styles/news-text-article.css">
     <link rel="stylesheet" type="text/css" href="./styles/team.css">
-    <link rel="stylesheet" type="text/css" href="./styles/send-message-form.css">
+    <link rel="stylesheet" type="text/css" href="./styles/send-message.css">
     <link rel="stylesheet" type="text/css" href="./styles/footer.css">
     <title>Animals</title>
 </head>
 <body class="wrapper">
     <header class="header">
             <div class="logo">
-                <a href="#"><img src="./image/logo.svg" alt="Rabbit logo" class="logo__image"></a>
-                <h1 class="logo__orange-text"> 
+                <a href="#">
+                    <img src="./image/logo.svg" alt="Rabbit logo" class="logo__image">
+                </a>
+                <h1 class="logo__color-text"> 
                     orange<br>
-                    <span class="logo__rabbit-text">RABBIT</span>
+                    <span class="logo__rabbit-text">rabbit</span>
                 </h1>
             </div>
         <nav class="navigation">
             <ul>
-                <li class="navigation__button"><a href="#">contact</a></li>
-                <li class="navigation__button"><a href="#">blog</a></li>
-                <li class="navigation__button"><a href="#">work</a></li>
-                <li class="navigation__button"><a href="#">about</a></li>
-                <li class="navigation__button"><a href="#">home</a></li>
+                <li class="navigation__item">
+                    <a href="#">contact</a>
+                </li>
+                <li class="navigation__item">
+                    <a href="#">blog</a>
+                </li>
+                <li class="navigation__item">
+                    <a href="#">work</a>
+                </li>
+                <li class="navigation__item">
+                    <a href="#">about</a>
+                </li>
+                <li class="navigation__item">
+                    <a href="#">home</a>
+                </li>
             </ul>
         </nav>
     </header>
-    <section class="news">
-        <div class="news__do-you-like-rabbits-text">DO YOU LIKE RABBITS?</div>
-        <div class="news__do-you-like-oranges-text">DO YOU LIKE ORANGES?</div>
-    </section>
-    <section class="news-text-article">
-        <article class="news-text-article__item">
+    <article class="advertising">
+        <div class="advertising__util">
+            <div class="util__title">do you like rabbits?</div>
+            <div class="util__inscription">do you like oranges?</div>
+        </div>
+    </article>
+    <article class="news">
+        <section class="news__item">
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
             </p>
-            <p class="news-text-article__more"><em>read more...</em></p>
-        </article>
-        <article class="news-text-article__item">
+            <p class="news__more">
+                <a href="#">read more...</a>
+            </p>
+        </section>
+        <section class="news__item">
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-             <p class="news-text-article__more"><em>read more...</em></p>
-         </article>
-         <article class="news-text-article__item">
+                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                </p>
+                <p class="news__more">
+                    <a href="#">read more...</a>
+                </p>
+        </section>
+        <section class="news__item">
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-             <p class="news-text-article__more"><em>read more...</em></p>
-         </article>
-         <article class="news-text-article__item">
+                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                </p>
+                <p class="news__more">
+                    <a href="#">read more...</a>
+                </p>
+        </section>
+        <section class="news__item">
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-             <p class="news-text-article__more"><em>read more...</em></p>
-         </article>
-    </section>
-    <hr>
-    <p class="team__meet-text"><u>Meet the team</u></p>
-    <section class="team">
-        <div class="team-member">
-            <p class="team-member__name team-member__name-person">Hoof
-                <span class="team-member__name team-member__name-post">- Lead Designer</span>
-            </p>
-            <img src="./image/horse.jpg" alt="horse" class="team-member__image">
-            <p class="team-member__description"> Hoof is our most talantad designer.
-                However he is not the talkative type and I would advise not getting 
-                on the wrong side of him.</p>
-        </div>
-        <div class="team-member">
-                <p class="team-member__name team-member__name-person">Nibs
-                    <span class="team-member__name team-member__name-post">- CEO/Director</span>
+                 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                 </p>
-                <img src="./image/rabbit.jpg" alt="rabbit" class="team-member__image">
-                <p class="team-member__description"> Nibs is our go to woman.
-                     She is the ceo/director of orange rabbit and runs fast 
-                     when she has too.
+                <p class="news__more">
+                    <a href="#">read more...</a>
                 </p>
-        </div>
-        <div class="team-member">
-                <p class="team-member__name team-member__name-person">Squawk
-                    <span class="team-member__name team-member__name-post">- Developer</span>
+        </section>
+    </article>
+    <article class="team">
+        <h1 class="team__meet-the-team-text">Meet the team</h1>
+        <div class="team__all-members">
+            <div class="team-member">
+                <h2 class="team-member__person-name">Hoof
+                <span class="team-member__person-post">- Lead Designer</span>
+                </h2>
+                <img src="./image/horse.jpg" alt="member of our team" class="team-member__image">
+                <p class="team-member__description"> Hoof is our most talantad designer.
+                    However he is not the talkative type and I would advise not getting 
+                    on the wrong side of him.
+                </p>
+            </div>
+            <div class="team-member">
+                <h2 class="team-member__person-name">Nibs
+                    <span class="team-member__person-post">- CEO/Director</span>
+                </h2>
+                <img src="./image/rabbit.jpg" alt="member of our team" class="team-member__image">
+                <p class="team-member__description"> Nibs is our go to woman.
+                    She is the ceo/director of orange rabbit and runs fast 
+                    when she has too.
                 </p>
-                <img src="./image/ostrich.jpg" alt="ostrich" class="team-member__image">
+            </div>
+            <div class="team-member">
+                <h2 class="team-member__person-name">Squawk
+                    <span class="team-member__person-post">- Developer</span>
+                </h2>
+                <img src="./image/ostrich.jpg" alt="member of our team" class="team-member__image">
                 <p class="team-member__description"> Squawk is no social bunny.
-                    But when it comes to programming he stands out from the crowd.</p>
+                    But when it comes to programming he stands out from the crowd.
+                </p>
+            </div>
         </div>
-    </section>
+    </article>
     <div class="send-message">
-            <p class="send-message__text"><u>Send us a message...</u></p>
+            <p class="send-message__text">Send us a message...</p>
             <form>
                 <fieldset class="send-message__form">
-                        <label for="name">Name: </label>
-                        <input type="text" id="name"><br>
-                        <label for="email">Email: </label>
-                        <input type="email" id="email"><br>
-                        <label for="message">Message: </label>
-                        <textarea id="message" cols="40" rows="4"></textarea><br>
+                        <label class="form__label">Name: </label>
+                        <input class="form__name" type="text"><br>
+                        <label class="form__label">Email: </label>
+                        <input class="form__email" type="email"><br>
+                        <label class="form__label">Message: </label>
+                        <textarea  class="form__enter" cols="40" rows="4"></textarea>
+                        <br>
                 </fieldset>
-                <button type="submit">Submit</button>
+                <button class="form__button" type="submit">Submit</button>
             </form>
     </div>
     <footer class="footer">
diff --git a/styles/advertising.css b/styles/advertising.css
new file mode 100644
index 0000000..c136f57
--- /dev/null
+++ b/styles/advertising.css
@@ -0,0 +1,50 @@
+.advertising
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 35px;
+    font-weight: bold;
+
+    position: relative;
+
+    overflow: hidden;
+
+    height: 400px;
+    margin: 0 auto;
+
+    border-top: 2px solid #ffa500;
+    border-bottom: 2px solid #ffa500;
+    background-image: url('../image/slice-orange.png');
+}
+.advertising__util {
+    clear: both;
+}
+.util__title
+{
+    position: absolute;
+    top: 130px;
+    left: 155px;
+
+    padding: 5px;
+    text-transform: uppercase;
+
+    letter-spacing: 1px;
+
+    opacity: .6;
+    color: #ffa500;
+    background-color: #000000;
+}
+.util__inscription
+{
+    position: absolute;
+    top: 225px;
+    left: 150px;
+
+    padding: 10px;
+    text-transform: uppercase;
+
+    letter-spacing: 1px;
+
+    opacity: .8;
+    color: #808080;
+    background-color: #ffa500;
+}
diff --git a/styles/footer.css b/styles/footer.css
index e1d8c3c..f72e72e 100644
--- a/styles/footer.css
+++ b/styles/footer.css
@@ -1,19 +1,26 @@
-.footer {
+.footer
+{
     position: relative;
-    max-width: 1400px;
-    background-color: orange;
-    text-align: center;
+
+
     height: 70px;
-    margin-top: 30px;
+    margin: 30px 0 0 0;
+
+    text-align: center;
+
+    background-color: #ffa500;
 }
-.footer-wrapper {
-    margin-left: 75px;
-    max-width: 1200px;
+.footer-wrapper
+{
+    margin: 0 0 0 75px;
     padding: 18px;
 }
-.footer__copyright {
-    text-transform: uppercase;
+.footer__copyright
+{
     font-family: Helvetica, sans-serif;
-    font-size: 25px;
-    color: white;
-}
\ No newline at end of file
+    font-size: 20px;
+
+    text-transform: uppercase;
+
+    color: #ffffff;
+}
diff --git a/fontawesome-all.css b/styles/for icons/fontawesome-all.css
similarity index 100%
rename from fontawesome-all.css
rename to styles/for icons/fontawesome-all.css
diff --git a/styles/header.css b/styles/header.css
index d4090aa..d4b9e34 100644
--- a/styles/header.css
+++ b/styles/header.css
@@ -1,30 +1,9 @@
-header {
+.header
+{
+    font-family: Helvetica, sans-serif;
+
     height: 70px;
-    background-color: white;
-    max-width: 1200px;
     margin: 0 auto;
-    font-family: Helvetica, sans-serif;
-}
-.logo {
-    width: 15%;
-    padding-left: 60px;
-    display: inline-block;
-}
-.logo__orange-text {
-    color: orange;
-    font-family: Helvetica, sans-serif;
-    letter-spacing: 3px;
-    font-size: 20px;
-    position: relative;
-    margin-left: 80px;
-}
-.logo__rabbit-text {
-    color: grey;
-    font-family: Helvetica, sans-serif;
-    letter-spacing: 2px;
-    display: block;
-    font-size: 25px;
-}
-.logo__image {
-    float: left;
+
+    background-color: #ffffff;
 }
\ No newline at end of file
diff --git a/styles/logo.css b/styles/logo.css
new file mode 100644
index 0000000..024ef22
--- /dev/null
+++ b/styles/logo.css
@@ -0,0 +1,35 @@
+.logo
+{
+    display: inline-block;
+
+    padding: 0 0 0 130px;
+}
+.logo__color-text
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 20px;
+
+    position: relative;
+
+    margin: 0 0 0 80px;
+
+    letter-spacing: 3px;
+
+    color: #ffa500;
+}
+.logo__rabbit-text
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 25px;
+
+    display: block;
+    text-transform: uppercase;
+
+    letter-spacing: 2px;
+
+    color: #808080;
+}
+.logo__image
+{
+    float: left;
+}
\ No newline at end of file
diff --git a/styles/navigation.css b/styles/navigation.css
index 69dd11d..87802fd 100644
--- a/styles/navigation.css
+++ b/styles/navigation.css
@@ -1,13 +1,17 @@
-.navigation {
-    padding-left: 390px;
+.navigation
+{
     display: inline-block;
-    max-width: 1200px;
+
     margin: 0 auto;
+    padding: 0 0 0 390px;
 }
-.navigation__button {
-    display: block;
+.navigation__item
+{
+    font-size: 20px;
+
     float: right;
+
     padding: 22px 25px 5px 25px;
-    color: gray;
-    font-size: 20px;
+
+    color: #808080;
 }
\ No newline at end of file
diff --git a/styles/news-text-article.css b/styles/news-text-article.css
deleted file mode 100644
index e27a8ff..0000000
--- a/styles/news-text-article.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.news-text-article {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding-left: 85px;
-}
-.news-text-article__item {
-    width: 17.5em;
-    display: inline-block;
-    padding: 22px 22px 23px 20px;
-    font-size: 13px;
-}
-.news-text-article__more {
-    color: orange;
-    font-family: Helvetica, sans-serif;
-    text-align: right;
-    font-size: 13px;
-}
\ No newline at end of file
diff --git a/styles/news.css b/styles/news.css
index 1b75717..05c3e9d 100644
--- a/styles/news.css
+++ b/styles/news.css
@@ -1,33 +1,24 @@
-.news {
-    background-image: url("../image/slice-orange.png");
-    border-bottom: 2px orange solid;
-    border-top: 2px orange solid;
-    height: 400px;
-    font-family: Helvetica, sans-serif;
-    font-weight: bold;
+.news
+{
     margin: 0 auto;
-    overflow: hidden;
-    clear: both;
-    position: relative;
-    font-size: 35px;
+    padding: 0 0 0 130px;
 }
-.news__do-you-like-rabbits-text {
-    position: absolute;
-    top: 130px;
-    left: 155px;
-    letter-spacing: 1px;
-    background-color: black;
-    opacity: 0.8;
-    color: orange;
-    padding: 5px;
+.news__item
+{
+    font-size: 13px;
+
+    display: inline-block;
+
+    width: 17.5em;
+    padding: 22px 22px 23px 20px;
 }
-.news__do-you-like-oranges-text {
-    position: absolute;
-    top: 225px;
-    left: 150px;
-    letter-spacing: 1px;
-    background-color: orange;
-    opacity: 0.8;
-    color: grey;
-    padding: 10px;
+.news__more a
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 13px;
+    font-style: italic;
+
+    padding: 0 0 0 150px;
+
+    color: #ffa500;
 }
\ No newline at end of file
diff --git a/styles/reset/reset.css b/styles/reset/reset.css
new file mode 100644
index 0000000..ee1a91f
--- /dev/null
+++ b/styles/reset/reset.css
@@ -0,0 +1,52 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	text-decoration: none;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+a {
+	color: #808080;
+}
\ No newline at end of file
diff --git a/styles/send-message-form.css b/styles/send-message-form.css
deleted file mode 100644
index 054b040..0000000
--- a/styles/send-message-form.css
+++ /dev/null
@@ -1,54 +0,0 @@
-.send-message {
-    max-width: 1200px;
-    padding: 37px 0 76px 0;
-    margin: 0 auto;
-}
-.send-message__text {
-    margin-bottom: 50px;
-    font-family: Helvetica, sans-serif;
-    font-size: 30px;
-    letter-spacing: 3px;
-    text-align: center;
-    color: orange;
-}
-.send-message__form {
-    font-family: Helvetica, sans-serif;
-    color: orange;
-    font-size: 25px;
-    margin-left: 30px;
-}
-fieldset input, fieldset textarea{
-    margin-right: 30px;
-    width: 1000px;
-    float: right;
-    border: none;
-    background-color: #f2f2f2;
-    box-shadow: inset 45px 44px 1px -40px #b3b3b3;
-}
-[type="submit"]{
-    float: right;
-    background-color: orange;
-    color: white;
-    font-family: Helvetica, sans-serif;
-    font-size: 25px;
-    padding: 5px 40px;
-    border: 1px solid orange;
-    margin-top: 20px;
-    margin-right: 80px;
-    box-shadow: 0px 2px 1px 0px darkorange;
-    cursor: pointer;
-}
-input[type="text"], input[type="email"] {
-    margin-bottom: 25px;
-    height: 30px;
-}
-/*label[for="name"], label[for="email"], label[for="message"] {
-    padding: 10px;
-}
-.send-message-form__full {
-    margin: 15px;
-}*/
-label {
-    display: inline-block;
-    margin-bottom: 30px;
-}
\ No newline at end of file
diff --git a/styles/send-message.css b/styles/send-message.css
new file mode 100644
index 0000000..d0e1228
--- /dev/null
+++ b/styles/send-message.css
@@ -0,0 +1,74 @@
+.send-message
+{
+    margin: 0 auto;
+    padding: 37px 0 76px 0;
+}
+.send-message__text
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 30px;
+
+    margin: 0 0 50px 0;
+
+    text-align: center;
+    text-decoration: underline;
+    letter-spacing: 3px;
+
+    color: #ffa500;
+}
+.send-message__form
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 25px;
+
+    margin: 0 0 0 30px;
+
+    color: #ffa500;
+}
+.form__enter
+{
+    float: right;
+
+    width: 1100px;
+    margin: 0 30px 0 0;
+
+    border: none;
+    background-color: #f2f2f2;
+    box-shadow: inset 45px 44px 1px -40px #b3b3b3;
+}
+.form__button
+{
+    font-family: Helvetica, sans-serif;
+    font-size: 25px;
+
+    float: right;
+
+    margin: 20px 80px 0 0;
+    padding: 5px 40px;
+
+    cursor: pointer;
+
+    color: #ffffff;
+    border: 1px solid #ffa500;
+    background-color: #ffa500;
+    box-shadow: 0 2px 1px 0 #ff8c00;
+}
+.form__name,
+.form__email
+{
+    float: right;
+
+    width: 1100px;
+    height: 35px;
+    
+    margin: 0 32px 0px 0;
+
+    border: none;
+    background-color: #f2f2f2;
+    box-shadow: inset 45px 44px 1px -40px #b3b3b3;
+}
+.form__label
+{
+    display: inline-block;
+    padding: 15px;
+}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
deleted file mode 100644
index 0de598c..0000000
--- a/styles/style.css
+++ /dev/null
@@ -1,14 +0,0 @@
-body {
-    margin: 0 auto;
-    padding: 0;
-    max-width: 1400px;
-}
-a, p, h1, ul, li, fieldset {
-    margin: 0;
-    padding: 0;
-    text-decoration: none;
-    border-width: 0px;
-}
-a {
-    color: gray;
-}
\ No newline at end of file
diff --git a/styles/team.css b/styles/team.css
index 3cbae58..5cbf7a8 100644
--- a/styles/team.css
+++ b/styles/team.css
@@ -1,39 +1,58 @@
-.team {
-    max-width: 1200px;
+.team__all-members
+{
     display: grid;
-    grid-template-columns: 33.3% 33.3% 33.3%;
-    grid-template-rows: 33.3% 33.3% 33.3%;
-    margin-left: 40px;
+    justify-content: center;
+
+    grid-template-columns: 33.333% 33.333% 33.333%;
+    grid-template-rows: 33.333% 33.333% 33.333%;
 }
-.team__meet-text {
-    color: orange;
-    text-align: center;
-    font-size: 30px;
+.team__meet-the-team-text
+{
     font-family: Helvetica, sans-serif;
-    margin-top: 20px;
-    margin-bottom: 36px;
+    font-size: 40px;
+
+    margin: 20px 0 36px 0;
+    border-top: 1px solid #808080;
+    text-align: center;
+    text-decoration: underline;
+
+    color: #ffa500;
 }
-.team-member {
-    justify-self: center;
-    margin-left: 90px;
+.team-member
+{
+    margin: 0 0 0 70px;
+
+    justify-content: center;
 }
-.team-member__name {
-    text-align: center;
+.team-member__person-name
+{
     font-family: Helvetica, sans-serif;
-    margin-bottom: 25px;
-}
-.team-member__name-person {
-    color: grey;
+
+    margin: 0 0 25px 0;
+
+    text-align: center;
+
+    color: #808080;
 }
-.team-member__name-post {
-    color: orange;
+.team-member__person-post
+{
+    font-family: Helvetica, sans-serif;
+
+    margin: 0 0 25px 0;
+
+    text-align: center;
+
+    color: #ffa500;
 }
-.team-member__image {
+.team-member__image
+{
+    border: 5px solid #ffa500;
     border-radius: 50%;
-    border: 5px orange solid;
 }
-.team-member__description {
-    margin-top: 30px;
+.team-member__description
+{
     font-family: Helvetica, sans-serif;
     font-size: 15px;
+
+    margin: 30px 0 0 0;
 }
\ No newline at end of file