diff --git a/dist/css/style.min.css.map b/dist/css/style.min.css.map
index 24eb90f..74101b2 100644
--- a/dist/css/style.min.css.map
+++ b/dist/css/style.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA,qDAAqD;AA+BrD,qBAAqB;AAErB,cAAc;AAId,kBAAkB;AAElB;EAGE,uBAAsB;CAAG;;AAE3B;EACE,UAAS;EACT,WAAU;CACX;;AAED;EACE,2CAhB8C;CAiB/C;;AAED;EACE,iCAnBsC;CAoBvC;;AAED;EACE,cAAa;EACb,gBAAe;EACf,wBAAuB;CACxB;;AAED;EACE,cAAa;EACb,wBAAuB;EACvB,oBAAmB;EACnB,kBAAiB;EACjB,mBAAkB;EAClB,YAAW;CACZ;;AAED;EACE,kBAAiB;CAClB;;AAEA,6CAA6C;AAC9C;EACE,gBAAe;EACf,cAAa;EACb,eAAc;CACf;;AAED;EACE,mBAAkB;CACnB;;AAEA;EACC,YAAW;EACX,YAAW;EACX,uBAAsB;EACtB,cAAa;EACb,iBAAgB;CACjB;;AAED;EACE,+CAA8C;CAC/C;;AAED;EACE,WAAU;CACX;;AAED;EACE,+CAA8C;CAC/C;;AAED;EACE,sBAAqB;EACrB,YAAW;EACX,WAAS;EACT,gBAAe;EACf,iBAAgB;EAChB,OAAM;EACN,0BAAyB;CAC1B;;AAED;EACE,cAAa;EACb,uBAAsB;EACtB,sBAAqB;EACrB,oBAAmB;EACnB,eAAc;EACd,kBAAiB;EACjB,YAAW;EACX,gBAAe;CAahB;;AArBD;EAUI,gBAAe;EACf,sBAAqB;CAStB;;AApBH;EAaM,sBAAqB;EACrB,eAAc;EACd,iCAjGkC;CAqGnC;;AAnBL;EAiBQ,eAAc;CACf;;AAKP;EACE,aAAY;EACZ,kBAAiB;CAClB;;AAED;EACE,cAAa;CACd;;AA7HG;EAgIF;IACE,oBAAmB;IACnB,YAAW;IACX,0BAAyB;IACzB,eAAc;GACf;EACC;IACA,eAAc;GAKf;EANC;IAGE,sBAAqB;IACrB,eAAc;GACf;EAEH;IACE,cAAa;GACd;EACD;IACE,qBAAoB;GACrB;CC9BF","file":"style.min.css","sourcesContent":["/*================== breakpoints ==================*/\n\n$breakpoints: (\n 'small': ( min-width: 768px ),\n 'medium': ( min-width: 992px ),\n 'large': ( min-width: 1200px ),\n) !default;\n\n/// Responsive breakpoint manager\n/// @access src\n/// @param {String} $breakpoint - Breakpoint\n/// @requires $breakpoints\n@mixin respond-to($breakpoint) {\n $raw-query: map-get($breakpoints, $breakpoint);\n\n @if $raw-query {\n $query: if(\n type-of($raw-query) == 'string',\n unquote($raw-query),\n inspect($raw-query)\n );\n\n @media #{$query} {\n @content;\n }\n } @else {\n @error 'No value found for `#{$breakpoint}`. '\n + 'Please make sure it is defined in `$breakpoints` map.';\n }\n}\n\n/* end breakpoints */\n\n/* variable */\n$font-family-body: 'Source Sans Pro', sans-serif;\n$font-family-header: 'Dosis', sans-serif;\n\n/* end variable */\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\np {\n font-family: $font-family-body;\n}\n\nh1,h2,h3,h4,h5 {\n font-family: $font-family-header;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.row {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 15px;\n margin-right: 15px;\n width: 100%;\n}\n\n.block__text {\n max-width: 1200px;\n}\n\n /*================== nav ==================*/\n.logo img{\n max-width: 80px;\n padding: 15px;\n margin: 0 20px;\n}\n\n.logo {\n position: absolute;\n}\n\n .bar1, .bar2, .bar3{\n width: 35px;\n height: 5px;\n background-color: #333;\n margin: 6px 0;\n transition: 0.4s;\n}\n\n.change .bar1 {\n transform: rotate(-45deg) translate(-9px, 6px);\n}\n\n.change .bar2 {\n opacity: 0;\n}\n\n.change .bar3 {\n transform: rotate(45deg) translate(-8px, -8px);\n}\n\n.menu {\n list-style-type: none;\n width: 100%;\n z-index:1;\n position: fixed;\n min-height: 50px;\n top: 0;\n background-color: #ffffff;\n}\n\n.menu__nav {\n display: flex;\n flex-direction: column;\n list-style-type: none;\n align-items: center;\n color: #333333;\n padding-top: 50px;\n width: 100%;\n padding-left: 0;\n & li {\n padding: 10px 0;\n display: inline-block;\n & a {\n text-decoration: none;\n color: #333333;\n font-family: $font-family-header;\n &.active {\n color: #337ab7;\n }\n }\n }\n}\n\n.menu__nav-bar {\n float: right;\n margin: 10px 20px;\n}\n\n.is-close {\n display: none;\n}\n\n@include respond-to('small') {\n .menu__nav {\n flex-direction: row;\n width: 100%;\n justify-content: flex-end;\n padding-top: 0;\n }\n & li {\n margin: 0 20px;\n & a {\n text-decoration: none;\n color: #333333;\n }\n }\n .menu__nav-bar {\n display: none;\n }\n .is-close {\n display: inline-flex;\n }\n}\n\n\n","/*================== breakpoints ==================*/\n/* end breakpoints */\n/* variable */\n/* end variable */\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\np {\n font-family: \"Source Sans Pro\", sans-serif;\n}\n\nh1, h2, h3, h4, h5 {\n font-family: \"Dosis\", sans-serif;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.row {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 15px;\n margin-right: 15px;\n width: 100%;\n}\n\n.block__text {\n max-width: 1200px;\n}\n\n/*================== nav ==================*/\n.logo img {\n max-width: 80px;\n padding: 15px;\n margin: 0 20px;\n}\n\n.logo {\n position: absolute;\n}\n\n.bar1, .bar2, .bar3 {\n width: 35px;\n height: 5px;\n background-color: #333;\n margin: 6px 0;\n transition: 0.4s;\n}\n\n.change .bar1 {\n transform: rotate(-45deg) translate(-9px, 6px);\n}\n\n.change .bar2 {\n opacity: 0;\n}\n\n.change .bar3 {\n transform: rotate(45deg) translate(-8px, -8px);\n}\n\n.menu {\n list-style-type: none;\n width: 100%;\n z-index: 1;\n position: fixed;\n min-height: 50px;\n top: 0;\n background-color: #ffffff;\n}\n\n.menu__nav {\n display: flex;\n flex-direction: column;\n list-style-type: none;\n align-items: center;\n color: #333333;\n padding-top: 50px;\n width: 100%;\n padding-left: 0;\n}\n\n.menu__nav li {\n padding: 10px 0;\n display: inline-block;\n}\n\n.menu__nav li a {\n text-decoration: none;\n color: #333333;\n font-family: \"Dosis\", sans-serif;\n}\n\n.menu__nav li a.active {\n color: #337ab7;\n}\n\n.menu__nav-bar {\n float: right;\n margin: 10px 20px;\n}\n\n.is-close {\n display: none;\n}\n\n@media (min-width: 768px) {\n .menu__nav {\n flex-direction: row;\n width: 100%;\n justify-content: flex-end;\n padding-top: 0;\n }\n li {\n margin: 0 20px;\n }\n li a {\n text-decoration: none;\n color: #333333;\n }\n .menu__nav-bar {\n display: none;\n }\n .is-close {\n display: inline-flex;\n }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA,qDAAqD;AA+BrD,qBAAqB;AAErB,cAAc;AAId,kBAAkB;AAElB;EAGE,uBAAsB;CAAG;;AAE3B;EACE,UAAS;EACT,WAAU;CACX;;AAED;EACE,2CAhB8C;CAiB/C;;AAED;EACE,iCAnBsC;CAoBvC;;AAED;EACE,cAAa;EACb,gBAAe;EACf,wBAAuB;CACxB;;AAED;EACE,cAAa;EACb,wBAAuB;EACvB,oBAAmB;EACnB,kBAAiB;EACjB,mBAAkB;EAClB,YAAW;CACZ;;AAED;EACE,kBAAiB;CAClB;;AAEA,6CAA6C;AAC9C;EACE,gBAAe;EACf,cAAa;EACb,eAAc;CACf;;AAED;EACE,mBAAkB;CACnB;;AAEA;EACC,YAAW;EACX,YAAW;EACX,uBAAsB;EACtB,cAAa;EACb,iBAAgB;CACjB;;AAED;EACE,+CAA8C;CAC/C;;AAED;EACE,WAAU;CACX;;AAED;EACE,+CAA8C;CAC/C;;AAED;EACE,sBAAqB;EACrB,YAAW;EACX,WAAS;EACT,gBAAe;EACf,iBAAgB;EAChB,OAAM;EACN,0BAAyB;CAC1B;;AAED;EACE,cAAa;EACb,uBAAsB;EACtB,sBAAqB;EACrB,oBAAmB;EACnB,eAAc;EACd,kBAAiB;EACjB,YAAW;EACX,gBAAe;CAahB;;AArBD;EAUI,gBAAe;EACf,sBAAqB;CAStB;;AApBH;EAaM,sBAAqB;EACrB,eAAc;EACd,iCAjGkC;CAqGnC;;AAnBL;EAiBQ,eAAc;CACf;;AAKP;EACE,aAAY;EACZ,kBAAiB;CAClB;;AAED;EACE,cAAa;CACd;;AA7HG;EAgIF;IACE,oBAAmB;IACnB,YAAW;IACX,0BAAyB;IACzB,eAAc;GACf;EACC;IACA,eAAc;GAKf;EANC;IAGE,sBAAqB;IACrB,eAAc;GACf;EAEH;IACE,cAAa;GACd;EACD;IACE,qBAAoB;GACrB;CC9BF","file":"style.min.css","sourcesContent":["/*================== breakpoints ==================*/\n\n$breakpoints: (\n 'small': ( min-width: 768px ),\n 'medium': ( min-width: 992px ),\n 'large': ( min-width: 1200px ),\n) !default;\n\n/// Responsive breakpoint manager\n/// @access src\n/// @param {String} $breakpoint - Breakpoint\n/// @requires $breakpoints\n@mixin respond-to($breakpoint) {\n $raw-query: map-get($breakpoints, $breakpoint);\n\n @if $raw-query {\n $query: if(\n type-of($raw-query) == 'string',\n unquote($raw-query),\n inspect($raw-query)\n );\n\n @media #{$query} {\n @content;\n }\n } @else {\n @error 'No value found for `#{$breakpoint}`. '\n + 'Please make sure it is defined in `$breakpoints` map.';\n }\n}\n\n/* end breakpoints */\n\n/* variable */\n$font-family-body: 'Source Sans Pro', sans-serif;\n$font-family-header: 'Dosis', sans-serif;\n\n/* end variable */\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\np {\n font-family: $font-family-body;\n}\n\nh1,h2,h3,h4,h5 {\n font-family: $font-family-header;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.row {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 15px;\n margin-right: 15px;\n width: 100%;\n}\n\n.block__text {\n max-width: 1200px;\n}\n\n /*================== nav ==================*/\n.logo img{\n max-width: 80px;\n padding: 15px;\n margin: 0 20px;\n}\n\n.logo {\n position: absolute;\n}\n\n .bar1, .bar2, .bar3{\n width: 35px;\n height: 5px;\n background-color: #333;\n margin: 6px 0;\n transition: 0.4s;\n}\n\n.change .bar1 {\n transform: rotate(-45deg) translate(-9px, 6px);\n}\n\n.change .bar2 {\n opacity: 0;\n}\n\n.change .bar3 {\n transform: rotate(45deg) translate(-8px, -8px);\n}\n\n.menu {\n list-style-type: none;\n width: 100%;\n z-index:1;\n position: fixed;\n min-height: 50px;\n top: 0;\n background-color: #ffffff;\n}\n\n.menu__nav {\n display: flex;\n flex-direction: column;\n list-style-type: none;\n align-items: center;\n color: #333333;\n padding-top: 50px;\n width: 100%;\n padding-left: 0;\n & li {\n padding: 10px 0;\n display: inline-block;\n & a {\n text-decoration: none;\n color: #333333;\n font-family: $font-family-header;\n &.active {\n color: #337ab7;\n }\n }\n }\n}\n\n.menu__nav-bar {\n float: right;\n margin: 10px 20px;\n}\n\n.is-close {\n display: none;\n}\n\n@include respond-to('small') {\n .menu__nav {\n flex-direction: row;\n width: 100%;\n justify-content: flex-end;\n padding-top: 0;\n }\n & li {\n margin: 0 20px;\n & a {\n text-decoration: none;\n color: #333333;\n }\n }\n .menu__nav-bar {\n display: none;\n }\n .is-close {\n display: inline-flex;\n }\n}\n","/*================== breakpoints ==================*/\n/* end breakpoints */\n/* variable */\n/* end variable */\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\np {\n font-family: \"Source Sans Pro\", sans-serif;\n}\n\nh1, h2, h3, h4, h5 {\n font-family: \"Dosis\", sans-serif;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.row {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 15px;\n margin-right: 15px;\n width: 100%;\n}\n\n.block__text {\n max-width: 1200px;\n}\n\n/*================== nav ==================*/\n.logo img {\n max-width: 80px;\n padding: 15px;\n margin: 0 20px;\n}\n\n.logo {\n position: absolute;\n}\n\n.bar1, .bar2, .bar3 {\n width: 35px;\n height: 5px;\n background-color: #333;\n margin: 6px 0;\n transition: 0.4s;\n}\n\n.change .bar1 {\n transform: rotate(-45deg) translate(-9px, 6px);\n}\n\n.change .bar2 {\n opacity: 0;\n}\n\n.change .bar3 {\n transform: rotate(45deg) translate(-8px, -8px);\n}\n\n.menu {\n list-style-type: none;\n width: 100%;\n z-index: 1;\n position: fixed;\n min-height: 50px;\n top: 0;\n background-color: #ffffff;\n}\n\n.menu__nav {\n display: flex;\n flex-direction: column;\n list-style-type: none;\n align-items: center;\n color: #333333;\n padding-top: 50px;\n width: 100%;\n padding-left: 0;\n}\n\n.menu__nav li {\n padding: 10px 0;\n display: inline-block;\n}\n\n.menu__nav li a {\n text-decoration: none;\n color: #333333;\n font-family: \"Dosis\", sans-serif;\n}\n\n.menu__nav li a.active {\n color: #337ab7;\n}\n\n.menu__nav-bar {\n float: right;\n margin: 10px 20px;\n}\n\n.is-close {\n display: none;\n}\n\n@media (min-width: 768px) {\n .menu__nav {\n flex-direction: row;\n width: 100%;\n justify-content: flex-end;\n padding-top: 0;\n }\n li {\n margin: 0 20px;\n }\n li a {\n text-decoration: none;\n color: #333333;\n }\n .menu__nav-bar {\n display: none;\n }\n .is-close {\n display: inline-flex;\n }\n}\n"]}
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index e0bd4db..55a2522 100755
--- a/dist/index.html
+++ b/dist/index.html
@@ -25,7 +25,6 @@
Position4
-