diff --git a/cs.css b/cs.css
index 8b1a597..69942de 100644
--- a/cs.css
+++ b/cs.css
@@ -1,721 +1,722 @@
-/*  ****************************** 
-    * Ah shit, here we go again. * 
-    ******************************  */
-
-/*This document is for the FOSC website. 
-You probably already know that, otherwise you can visit him here "https://fosc.space/"*/
-
-/*First, I'm sorry if there's any mistake, I'm not an expert yet.*/
-/*Second, this document is free, so you can see it, use it and modify it as you wish.*/
-/*Finally, the document is divided into parts for better reading.*/
-/*That's all, thank you.*/
-
-
-/*NECESSARY FONTS*/
-/**********************************************************************************/
-
-@font-face {
-  font-family: nixiefont;
-  src: url(fonts/NixieOne.ttf);
-}
-
-@font-face {
-  font-family: AmericanCfont;
-  src: url(fonts/AmericanC.ttf);
-}
-
-@font-face {
-  font-family: typermfont;
-  src: url(fonts/typewcond.otf);
-}
-
-@font-face {
-  font-family: avenirfont;
-  src: url(fonts/AvenirCondensed.ttf);
-}
-
-/*GLOBAL ATTRIBUTES*/
-/**********************************************************************************/
-
-*{
-  padding: 0;
-  margin: 0;
-  text-decoration: none;
-  list-style: none;
-  box-sizing: border-box;
-}
-
-body, html {
-  height: 100%;
-  font-family: "Roboto", Sans-Serif; 
-}
-
-body {
-  background-image: url(img/coreboot2.jpg);
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-color: black;
-  background-attachment: fixed;
-}
-
-img {
-  background-image: none;
-}
-
-/*TOP NAVBAR*/
-/**********************************************************************************/
-
-nav {
-  overflow: hidden;
-  height: 100px;
-  width: 100%;
-  position: fixed;
-  top: 0;
-  background-color: #000;
-}
-
-label img {
-  margin: 5px 0px;
-}
-
-label.logo {
-  color: white;
-  font-size: 35px;
-  line-height: 100px;
-  padding: 0 50px;
-  font-weight: bold;
-}
-
-nav ul {
-  float: right;
-  margin-right: 50px;
-}
-
-nav ul li {
-  display: inline-block;
-  line-height: 100px;
-  margin: 0 5px;
-}
-
-nav ul li a {
-  color: white;
-  font-size: 18px;
-  padding: 7px 13px;
-  text-transform: uppercase;
-}
-
-nav ul li a  i {
-  margin-right: 10px;
-}
-
-nav ul li a.active, nav ul li a:hover {
-  border-bottom: 3px solid purple;
-}
-
-.checkbtn {
-  font-size: 30px;
-  color: white;
-  float: right;
-  line-height: 80px;
-  margin-right: 40px;
-  cursor: pointer;
-  display: none;
-}
-
-#check {
-  display: none;
-}
-
-/*1 SECTION, WELCOME TO FOSC*/
-/**********************************************************************************/
-
-.hero h1 {
-  text-align: center;
-  color: white;
-  font-family: nixiefont;
-  font-size: 100px;
-  margin-top: 20%;
-  
-}
-
-.color {
-  background: linear-gradient(to top right, purple, blue);
-  color: white;
-}
-
-.hero h3 {
-  text-align: center;
-  color: beige;
-  font-family: nixiefont;
-  font-size: 22px;
-  text-transform: uppercase;
-  margin-top: 3%;
-  padding-bottom: 10px;
-}
-
-.hero hr {
-  height: 3px;
-  background-color: orange;
-  width: 500px;
-  margin-left: auto;
-  margin-right: auto;
-  border: none;
-  margin-top: 10px;
-}
-
-/*2 SECTION, WHAT IS FOSC?*/
-/**********************************************************************************/
-
-.fosc {
-  text-align: center;
-  background: #111;
-  width: 100%;
-  padding: 50px 0px 30px 0px;
-  height: auto;
-  margin-top: 20%;
-}
-
-.fosc h1 {
-  font-size: 120px;
-  font-family: AmericanCfont;
-  text-transform: uppercase;
-  color: white;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.fosc hr {
-  width: 300px;
-  height: 3px;
-  background: aqua;
-  border: none; 
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 20px;
-}
-
-.fosc h3 {
-  font-family: typermfont;
-  text-transform: uppercase;
-  font-size: 28px;
-  color: beige; 
-}
-
-/*3 SECTION, GALLERY FOSC*/
-/**********************************************************************************/
-
-.gallery {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 10px 50px 50px 50px;
-  background: #111;
-  margin-bottom: 0px;
-}
-
-.column-gallery {
-  flex: 20%;
-  max-width: 25%;
-  padding: 0px 4px;
-}
-
-.column-gallery img {
-  margin-top: 10px;
-  vertical-align: middle;
-  width: 100%;
-  border: 1px solid white;
-}
-
-.mgallery {
-  background-color: #111;
-  text-align: center;
-  padding-bottom: 50px;
-}
-
-.mgallery h3 {
-  color: white;
-  font-family: avenirfont;
-  font-size: 32px;
-  padding: 50px 0px;
-  margin: 0px 100px;
-}
-
-/*4 SECTION, SERVICES*/
-/**********************************************************************************/
-
-#services {
-  padding: 50px 0px;
-  background-color: #222;
-}
-.services {
-  background-color: #222;
-  padding: 60px 0px 100px 0px;
-  margin-bottom: 0px;
-}
-
-.services h1 {
-  text-align: center;
-  font-size: 80px;
-  font-family: nixiefont;
-  text-transform: uppercase;
-  color: white;
-  margin-bottom: 60px;
-}
-
-.services p  {
-  margin: 0px 300px;
-  font-size: 16px; 
-  text-align: justify;
-  text-transform: uppercase;
-  color: #888;
-} 
-
-.tabla {
-  display: flex;
-  padding: 0px;
-  background-color: #222;
-  color: white;
-}
-
-.tabla2 {
-  padding-bottom: 50px;
-}
-
-.column {
-  color: white;
-  text-align: center;
-  background-color: #222;
-  flex: 30%;
-  margin: 10px 60px;
-  
-}
-
-.column h4 {
-  letter-spacing: 2px;
-  margin-top: 15px;
-  font-family: Roboto;
-  text-transform: uppercase;
-}
-
-.column img {
-  width: 30%;
-  margin-top: 10%;
-}
-
-.column img:hover {
-  filter: grayscale(100%);
-}
-
-/*5 SECTION, MEMBERS*/
-/**********************************************************************************/
-
-.members {
-  background-image: url(img/flp-dark.jpg);
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-attachment: fixed;
-}
-
-.shape {
-  display: flex;
-}
-
-.cmembers {
-  flex: 50%;
-  margin: 100px 50px 50px 50px;
-  color: white;
-  font-family: Roboto;
-  text-transform: uppercase;  
-}
-
-.cmembers h4 {
-  padding-bottom: 0px;
-  margin-bottom: 10px;
-  font-size: 24px;
-}
-
-.cmembers hr {
-  width: 500px;
-  height: 3px;
-  background: orange; 
-  margin-left: 0px;
-  margin-bottom: 30px;
-  border: none;
-}
-
-.cmembers p {
-  text-align: justify;
-}
-
-.cmembers span {
-  background-color: green;
-}
-
-.fa-twitter {
-  color: #2196f3;
-  margin-left: 10px;
-}
-
-#mapButton {
-  background-color: yellow;
-  color: black;
-  padding: 10px;
-  margin: 20px 0px;
-  text-transform: uppercase;
-  border: none;
-  cursor: pointer;
-}
-
-#mapButton:hover {
-  background-color: purple;
-  color: white;
-  transition: 0.5s;
-}
-
-#map {
-  height: 300px;
-  width: 700px;
-}
-
-/*FINALLY, FOOTER*/
-/**********************************************************************************/
-
-footer {
-  background-color: #000;
-
-}
-
-.foot-logo {
-  text-align: center;
-  padding: 30px;
-}
-
-.foot-logo img {
-  width: 8%;
-}
-
-.foot-logo a {
-  display: block;
-  color: white;
-  margin-top: 20px;
-  width: 200px;
-  margin-left: auto;
-  margin-right: auto;
-  border-bottom: 2px solid white;
- 
-}
-
-.foot-logo p {
-  color: #444;
-  margin-top: 10px;
-}
-
-.foot-logo p a {
-  display: inline-block;
-  border: none;
-  width: auto; 
-}
-
-/*FIX RESPONSIVE WEB DESIGN*/
-/**********************************************************************************/
-
-@media only screen and (max-width: 1024px) {
-
-  .checkbtn {
-    display: block;
-    margin-top: 10px;
-  }
-
-  nav {
-    background-color: #111;
-    transition: all .5s;
-  }
-
-  label.logo {
-    font-size: 30px;
-    padding-left: 10px;
-  }
-
-  ul {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    background: #222;
-    margin-top: 20px;
-    top: 80px;
-    left: -100%;
-    text-align: center;
-    transition: all .5s;
-  }
-
-  nav ul li {
-    display: block;
-    margin: 50px 0;
-    line-height: 30px;
-    font-size: 16px;
-  }
-
-  nav ul li a {
-    font-size: 20px;
-  }
-
-  nav ul li a:hover, nav ul li a.active {
-    background: none;
-    color: white;
-  }
-  
-  #check:checked ~ ul {
-    left: 0;
-  }
-
-  .hero h1 {
-    font-size: 70px;
-  }
-
-  .fosc h1 {
-    font-size: 90px;
-  }
-
-  .fosc h3 {
-    font-size: 24px;
-    margin: 0px 25px;
-  }
-
-  .services h1 {
-    font-size: 70px;
-  }
-
-  .services p {
-    margin: 25px;
-  }
-
-  .column img {
-    width: 50%;
-  }
-
-  .shape {
-    flex-direction: column;
-    padding: 50px 0px;
-  }
-
-  .cmembers {
-    margin: 0px;
-    padding: 0px 25px;
-  }
-
-  .cmembers2 {
-    padding-top: 50px;
-  }
-
-  .cmembers h4 {
-    font-size: 20px;
-  }
-
-  .cmembers hr {
-    width: 200px;
-  }
-
-}
-
-/*RESPOSIVE WEB DESIGN FOR PHONES*/
-/**********************************************************************************/
-
-@media only screen and (max-width: 768px) {
-
-  .checkbtn {
-    display: block;
-    margin-top: 10px;
-  }
-
-  nav {
-    background-color: #111;
-    transition: all .5s;
-  }
-
-  label.logo {
-    font-size: 30px;
-    padding-left: 10px;
-  }
-
-  ul {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    background: #222;
-    margin-top: 20px;
-    top: 80px;
-    left: -100%;
-    text-align: center;
-    transition: all .5s;
-  }
-
-  nav ul li {
-    display: block;
-    margin: 50px 0;
-    line-height: 30px;
-    font-size: 16px;
-  }
-
-  nav ul li a {
-    font-size: 20px;
-  }
-
-  nav ul li a:hover, nav ul li a.active {
-    background: none;
-    color: white;
-  }
-
-  #check:checked ~ ul {
-    left: 0;
-  }
-
-  .hero {
-    padding: 30% 0px;
-  }
-
-  .hero h1 {
-    font-size: 50px;
-    text-align: center;
-    letter-spacing: 3px;
-  }
-
-  .hero h3 {
-    font-size: 22px;
-    margin-top: 30px;
-    margin-left: 25px;
-    margin-right: 25px;
-  }
-
-  .hero  hr {
-    width: 100px;
-    margin-top: 0px;
-  }
-
-  .fosc {
-    padding-bottom: 10px;
-  }
-
-  .fosc h1 {
-    font-size: 60px;
-  }
-
-  .fosc hr {
-    width: 150px;
-  }
-
-  .fosc h3 {
-    font-size: 22px;
-    margin: 0px 25px;
-  }
-
-  .bgallery {
-    background-color: #111;
-  }
-
-  .gallery {
-    padding: 10px;
-    margin-left: 10px;
-    margin-right: 10px;
-  }
-
-  .column-gallery {
-    padding: 0px 2px;
-  }
-
-  .column-gallery img {
-    margin-top: 2px;
-  }
-
-  .mgallery {
-    background-color: #111;
-    text-align: center;
-    padding-bottom: 50px;
-  }
-
-  .services {
-    padding: 50px 0px 50px 0px;
-  }
-
-  .mgallery h3 {
-    font-size: 22px;
-    padding: 30px 0px 0px 0px;
-    margin: 0px 25px;
-  }
-
-  .services h1 {
-    font-size: 40px;
-    margin-bottom: 30px;
-  }
-
-  .services p {
-    text-align: justify;
-    margin: 0px 25px;
-  }
-
-  .column {
-    padding: 0px;
-    margin: 0px;
-  }
-
-  .column img {
-    width: 35%;
-    margin: 0px;
-    padding-top: 30px;
-  }
-
-  .column h4 {
-    font-size: 18px;
-
-  }
-
-  .tabla2 {
-    padding-bottom: 50px;
-  }
-
-  .shape {
-    flex-direction: column;
-    padding: 50px 0px;
-  }
-
-  .cmembers {
-    margin: 0px;
-    padding: 0px 25px;
-
-  }
-
-  .cmembers2 {
-    padding-top: 50px;
-  }
-
-  .cmembers h4 {
-    font-size: 20px;
-
-  }
-
-  .cmembers hr {
-    width: 200px;
-  }
-
-  #map {
-    width: 300px;
-    margin-top: 10px;
-  }
-
-  .foot-logo img {
-  	width: 25%;
-  }
-
-  .foot-logo p {
-  	margin-top: 20px;
-  }
-
-  .foot-logo p a {
-  	margin: 0px;
-  }
-
-} 
-
-
-
-
+/*  ****************************** 
+    * Ah shit, here we go again. * 
+    ******************************  */
+
+/*This document is for the FOSC website. 
+You probably already know that, otherwise you can visit him here "https://fosc.space/"*/
+
+/*First, I'm sorry if there's any mistake, I'm not an expert yet.*/
+/*Second, this document is free, so you can see it, use it and modify it as you wish.*/
+/*Finally, the document is divided into parts for better reading.*/
+/*That's all, thank you.*/
+
+
+/*NECESSARY FONTS*/
+/**********************************************************************************/
+
+@font-face {
+  font-family: nixiefont;
+  src: url(fonts/NixieOne.ttf);
+}
+
+@font-face {
+  font-family: AmericanCfont;
+  src: url(fonts/AmericanC.ttf);
+}
+
+@font-face {
+  font-family: typermfont;
+  src: url(fonts/typewcond.otf);
+}
+
+@font-face {
+  font-family: avenirfont;
+  src: url(fonts/AvenirCondensed.ttf);
+}
+
+/*GLOBAL ATTRIBUTES*/
+/**********************************************************************************/
+
+*{
+  padding: 0;
+  margin: 0;
+  text-decoration: none;
+  list-style: none;
+  box-sizing: border-box;
+}
+
+body, html {
+  height: 100%;
+  font-family: "Roboto", Sans-Serif; 
+}
+
+body {
+  background-image: url(img/coreboot2.jpg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-color: black;
+  background-attachment: fixed;
+}
+
+img {
+  background-image: none;
+}
+
+/*TOP NAVBAR*/
+/**********************************************************************************/
+
+nav {
+  overflow: hidden;
+  height: 100px;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  background-color: #000;
+}
+
+label img {
+  margin: 5px 0px;
+}
+
+label.logo {
+  color: white;
+  font-size: 35px;
+  line-height: 100px;
+  padding: 0 50px;
+  font-weight: bold;
+}
+
+nav ul {
+  float: right;
+  margin-right: 50px;
+}
+
+nav ul li {
+  display: inline-block;
+  line-height: 100px;
+  margin: 0 5px;
+}
+
+nav ul li a {
+  color: white;
+  font-size: 18px;
+  padding: 7px 13px;
+  text-transform: uppercase;
+}
+
+nav ul li a  i {
+  margin-right: 10px;
+}
+
+nav ul li a.active, nav ul li a:hover {
+  border-bottom: 3px solid purple;
+}
+
+.checkbtn {
+  font-size: 30px;
+  color: white;
+  float: right;
+  line-height: 80px;
+  margin-right: 40px;
+  cursor: pointer;
+  display: none;
+}
+
+#check {
+  display: none;
+}
+
+/*1 SECTION, WELCOME TO FOSC*/
+/**********************************************************************************/
+
+.hero h1 {
+  text-align: center;
+  color: white;
+  font-family: nixiefont;
+  font-size: 100px;
+  margin-top: 20%;
+  
+}
+
+.color {
+  background: linear-gradient(to top right, purple, blue);
+  color: white;
+}
+
+.hero h3 {
+  text-align: center;
+  color: beige;
+  font-family: nixiefont;
+  font-size: 22px;
+  text-transform: uppercase;
+  margin-top: 3%;
+  padding-bottom: 10px;
+}
+
+.hero hr {
+  height: 3px;
+  background-color: orange;
+  width: 500px;
+  margin-left: auto;
+  margin-right: auto;
+  border: none;
+  margin-top: 10px;
+}
+
+/*2 SECTION, WHAT IS FOSC?*/
+/**********************************************************************************/
+
+.fosc {
+  text-align: center;
+  background: #111;
+  width: 100%;
+  padding: 50px 0px 30px 0px;
+  height: auto;
+  margin-top: 20%;
+}
+
+.fosc h1 {
+  font-size: 120px;
+  font-family: AmericanCfont;
+  text-transform: uppercase;
+  color: white;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.fosc hr {
+  width: 300px;
+  height: 3px;
+  background: aqua;
+  border: none; 
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 20px;
+}
+
+.fosc h3 {
+  font-family: typermfont;
+  text-transform: uppercase;
+  font-size: 28px;
+  color: beige; 
+}
+
+/*3 SECTION, GALLERY FOSC*/
+/**********************************************************************************/
+
+.gallery {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 10px 50px 50px 50px;
+  background: #111;
+  margin-bottom: 0px;
+}
+
+.column-gallery {
+  flex: 20%;
+  max-width: 25%;
+  padding: 0px 4px;
+}
+
+.column-gallery img {
+  margin-top: 10px;
+  vertical-align: middle;
+  width: 100%;
+  border: 1px solid white;
+}
+
+.mgallery {
+  background-color: #111;
+  text-align: center;
+  padding-bottom: 50px;
+}
+
+.mgallery h3 {
+  color: white;
+  font-family: avenirfont;
+  font-size: 32px;
+  padding: 50px 0px;
+  margin: 0px 100px;
+}
+
+/*4 SECTION, SERVICES*/
+/**********************************************************************************/
+
+#services {
+  padding: 50px 0px;
+  background-color: #222;
+}
+.services {
+  background-color: #222;
+  padding: 60px 0px 100px 0px;
+  margin-bottom: 0px;
+}
+
+.services h1 {
+  text-align: center;
+  font-size: 80px;
+  font-family: nixiefont;
+  text-transform: uppercase;
+  color: white;
+  margin-bottom: 60px;
+}
+
+.services p  {
+  margin: 0px 300px;
+  font-size: 16px; 
+  text-align: justify;
+  text-transform: uppercase;
+  color: #888;
+} 
+
+.tabla {
+  display: flex;
+  padding: 0px;
+  background-color: #222;
+  color: white;
+}
+
+.tabla2 {
+  padding-bottom: 50px;
+}
+
+.column {
+  color: white;
+  text-align: center;
+  background-color: #222;
+  flex: 30%;
+  margin: 10px 60px;
+  
+}
+
+.column h4 {
+  letter-spacing: 2px;
+  margin-top: 15px;
+  font-family: Roboto;
+  text-transform: uppercase;
+}
+
+.column img {
+  width: 30%;
+  margin-top: 10%;
+}
+
+.column img:hover {
+  filter: grayscale(100%);
+}
+
+/*5 SECTION, MEMBERS*/
+/**********************************************************************************/
+
+.members {
+  background-image: url(img/flp-dark.jpg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+}
+
+.shape {
+  display: flex;
+}
+
+.cmembers {
+  flex: 50%;
+  margin: 100px 50px 50px 50px;
+  color: white;
+  font-family: Roboto;
+  text-transform: uppercase;  
+}
+
+.cmembers h4 {
+  padding-bottom: 0px;
+  margin-bottom: 10px;
+  font-size: 24px;
+}
+
+.cmembers hr {
+  width: 500px;
+  height: 3px;
+  background: orange; 
+  margin-left: 0px;
+  margin-bottom: 30px;
+  border: none;
+}
+
+.cmembers p {
+  text-align: justify;
+}
+
+.cmembers span {
+  background-color: green;
+}
+
+.fa-twitter {
+  color: #2196f3;
+  margin-left: 10px;
+}
+
+#mapButton {
+  background-color: yellow;
+  color: black;
+  padding: 10px;
+  margin: 20px 0px;
+  text-transform: uppercase;
+  border: none;
+  cursor: pointer;
+}
+
+#mapButton:hover {
+  background-color: purple;
+  color: white;
+  transition: 0.5s;
+}
+
+#map {
+  height: 300px;
+  width: 700px;
+}
+
+/*FINALLY, FOOTER*/
+/**********************************************************************************/
+
+footer {
+  background-color: #000;
+
+}
+
+.foot-logo {
+  text-align: center;
+  padding: 30px;
+}
+
+.foot-logo img {
+  width: 8%;
+}
+
+.foot-logo a {
+  display: block;
+  color: white;
+  margin-top: 20px;
+  width: 200px;
+  margin-left: auto;
+  margin-right: auto;
+  border-bottom: 2px solid white;
+ 
+}
+
+.foot-logo p {
+  color: #444;
+  margin-top: 5px;
+}
+
+.foot-logo p a {
+  color: #666;
+  display: inline-block;
+  border: none;
+  width: auto; 
+}
+
+/*FIX RESPONSIVE WEB DESIGN*/
+/**********************************************************************************/
+
+@media only screen and (max-width: 1024px) {
+
+  .checkbtn {
+    display: block;
+    margin-top: 10px;
+  }
+
+  nav {
+    background-color: #111;
+    transition: all .5s;
+  }
+
+  label.logo {
+    font-size: 30px;
+    padding-left: 10px;
+  }
+
+  ul {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background: #222;
+    margin-top: 20px;
+    top: 80px;
+    left: -100%;
+    text-align: center;
+    transition: all .5s;
+  }
+
+  nav ul li {
+    display: block;
+    margin: 50px 0;
+    line-height: 30px;
+    font-size: 16px;
+  }
+
+  nav ul li a {
+    font-size: 20px;
+  }
+
+  nav ul li a:hover, nav ul li a.active {
+    background: none;
+    color: white;
+  }
+  
+  #check:checked ~ ul {
+    left: 0;
+  }
+
+  .hero h1 {
+    font-size: 70px;
+  }
+
+  .fosc h1 {
+    font-size: 90px;
+  }
+
+  .fosc h3 {
+    font-size: 24px;
+    margin: 0px 25px;
+  }
+
+  .services h1 {
+    font-size: 70px;
+  }
+
+  .services p {
+    margin: 25px;
+  }
+
+  .column img {
+    width: 50%;
+  }
+
+  .shape {
+    flex-direction: column;
+    padding: 50px 0px;
+  }
+
+  .cmembers {
+    margin: 0px;
+    padding: 0px 25px;
+  }
+
+  .cmembers2 {
+    padding-top: 50px;
+  }
+
+  .cmembers h4 {
+    font-size: 20px;
+  }
+
+  .cmembers hr {
+    width: 200px;
+  }
+
+}
+
+/*RESPOSIVE WEB DESIGN FOR PHONES*/
+/**********************************************************************************/
+
+@media only screen and (max-width: 768px) {
+
+  .checkbtn {
+    display: block;
+    margin-top: 10px;
+  }
+
+  nav {
+    background-color: #111;
+    transition: all .5s;
+  }
+
+  label.logo {
+    font-size: 30px;
+    padding-left: 10px;
+  }
+
+  ul {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background: #222;
+    margin-top: 20px;
+    top: 80px;
+    left: -100%;
+    text-align: center;
+    transition: all .5s;
+  }
+
+  nav ul li {
+    display: block;
+    margin: 50px 0;
+    line-height: 30px;
+    font-size: 16px;
+  }
+
+  nav ul li a {
+    font-size: 20px;
+  }
+
+  nav ul li a:hover, nav ul li a.active {
+    background: none;
+    color: white;
+  }
+
+  #check:checked ~ ul {
+    left: 0;
+  }
+
+  .hero {
+    padding: 30% 0px;
+  }
+
+  .hero h1 {
+    font-size: 50px;
+    text-align: center;
+    letter-spacing: 3px;
+  }
+
+  .hero h3 {
+    font-size: 22px;
+    margin-top: 30px;
+    margin-left: 25px;
+    margin-right: 25px;
+  }
+
+  .hero  hr {
+    width: 100px;
+    margin-top: 0px;
+  }
+
+  .fosc {
+    padding-bottom: 10px;
+  }
+
+  .fosc h1 {
+    font-size: 60px;
+  }
+
+  .fosc hr {
+    width: 150px;
+  }
+
+  .fosc h3 {
+    font-size: 22px;
+    margin: 0px 25px;
+  }
+
+  .bgallery {
+    background-color: #111;
+  }
+
+  .gallery {
+    padding: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  .column-gallery {
+    padding: 0px 2px;
+  }
+
+  .column-gallery img {
+    margin-top: 2px;
+  }
+
+  .mgallery {
+    background-color: #111;
+    text-align: center;
+    padding-bottom: 50px;
+  }
+
+  .services {
+    padding: 50px 0px 50px 0px;
+  }
+
+  .mgallery h3 {
+    font-size: 22px;
+    padding: 30px 0px 0px 0px;
+    margin: 0px 25px;
+  }
+
+  .services h1 {
+    font-size: 40px;
+    margin-bottom: 30px;
+  }
+
+  .services p {
+    text-align: justify;
+    margin: 0px 25px;
+  }
+
+  .column {
+    padding: 0px;
+    margin: 0px;
+  }
+
+  .column img {
+    width: 35%;
+    margin: 0px;
+    padding-top: 30px;
+  }
+
+  .column h4 {
+    font-size: 18px;
+
+  }
+
+  .tabla2 {
+    padding-bottom: 50px;
+  }
+
+  .shape {
+    flex-direction: column;
+    padding: 50px 0px;
+  }
+
+  .cmembers {
+    margin: 0px;
+    padding: 0px 25px;
+
+  }
+
+  .cmembers2 {
+    padding-top: 50px;
+  }
+
+  .cmembers h4 {
+    font-size: 20px;
+
+  }
+
+  .cmembers hr {
+    width: 200px;
+  }
+
+  #map {
+    width: 300px;
+    margin-top: 10px;
+  }
+
+  .foot-logo img {
+  	width: 25%;
+  }
+
+  .foot-logo p {
+  	margin-top: 20px;
+  }
+
+  .foot-logo p a {
+  	margin: 0px;
+  }
+
+} 
+
+
+
+