/* For mobile phones: */
@import url(//db.onlinewebfonts.com/c/4a373e70cd01dec089c1dd1185ceba51?family=Maison+Neue);

@media (min-width: 1281px) {

  .grid-container {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }

  body {
    margin: 0px;
  }

  p {
    padding: 0px;
    margin: 0px;
  }

  #spacer-column-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    background-color: #fff;
  }

  #spacer-column-2 {
    grid-column: 9 / 11;
    grid-row: 1 / 2;
    background-color: #fff;
  }

  #spacer-column-3 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    background-color: #fff;
  }

  #spacer-column-4 {
    grid-column: 9 / 11;
    grid-row: 2 / 3;
    background-color: #fff;
  }

   #spacer-column-5 {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    background-color: #000;
  }

  #spacer-column-6 {
    grid-column: 9 / 11;
    grid-row: 3 / 4;
    background-color: #000;
  }

  #spacer-column-7 {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
    background-color: #fff;
  }

  #spacer-column-8 {
    grid-column: 9 / 11;
    grid-row: 4 / 5;
    background-color: #fff;
  }

  #spacer-column-9 {
    grid-column: 9 / 11;
    grid-row: 5 / 6;
    background-color: #000;
  }

  #spacer-column-10 {
    grid-column: 1 / 3;
    grid-row: 5 / 6;
    background-color: #000;
  }

  #spacer-column-11 {
    grid-column: 9 / 11;
    grid-row: 6 / 7;
    background-color: #fff;
  }

   #spacer-column-12 {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    background-color: #fff;
  }

  #spacer-column-13 {
    grid-column: 9 / 11;
    grid-row: 7 / 8;
    background-color: #000;
  }

  #spacer-column-14 {
    grid-column: 1 / 3;
    grid-row: 7 / 8;
    background-color: #000;
  }

  #spacer-column-132 {
    grid-column: 9 / 11;
    grid-row: 8 / 9;
    background-color: #fff;
  }

  #spacer-column-142 {
    grid-column: 1 / 3;
    grid-row: 8 / 9;
    background-color: #fff;
  }

  #spacer-column-15 {
    grid-column: 1 / 3;
    grid-row: 9 / 10;
    background-color: #000;
  }

  #spacer-column-16 {
    grid-column: 9 / 11;
    grid-row: 9 / 10;
    background-color: #000;
  }

  #spacer-column-17 {
    grid-column: 1 / 3;
    grid-row: 10 / 11;
    background-color: #000;
  }

  #spacer-column-18 {
    grid-column: 9 / 11;
    grid-row: 10 / 11;
    background-color: #000;
  }

  #spacer-column-19 {
    grid-column: 9 / 11;
    grid-row: 11 / 12;
    background-color: #fff;
  }

  #spacer-column-20 {
    grid-column: 1 / 3;
    grid-row: 11 / 12;
    background-color: #fff;
  }

  #spacer-column-21 {
    grid-column: 9 / 11;
    grid-row: 12 / 13;
    background-color: #000;
  }

   #spacer-column-22 {
    grid-column: 1 / 3;
    grid-row: 12 / 13;
    background-color: #000;
  }

  #spacer-column-23 {
    grid-column: 9 / 11;
    grid-row: 13 / 14;
    background-color: #000;
  }

  #spacer-column-24 {
    grid-column: 1 / 3;
    grid-row: 13 / 14;
    background-color: #000;
  }


  #menu-container {
    background-color: #fff;
    color: #000;
    grid-column: 3 / 9;
    grid-row: 1 / 2;
  }

  #logo-container {
    padding: 25px;
    width: 20%;
    float: left;
  }

  #menu-img {
    width: 50%;
  }

  .navmenu {
    display: inline;
    float: right;
    padding-top: 44px;
  }

  .navitemlink:link {
    text-decoration: none;
  }

  .navitemlink:hover {
    color: gray;
  }

  .navitem {
    display: inline;
    padding: 10px;
    font-size: 1.4em;
  }

  #welcome-container {
      background-color: #fff;
      margin: 0;
    }

    #welcome-quote-container {
      background-color: #ffffff;
      color: #000;
    }

     a {
      font-family: 'Didact Gothic', sans-serif;
      line-height: 1.7;
      color: #000;
      margin: 0px;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
    }

    .flags {
      color: #fff;
    }

    .index-flag {
      width: 5%;
      padding-right: 10px;
    }



    .welcome-quote {
      color: #000;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 900;
      line-height: 50px;
      letter-spacing: -0.1rem;
      padding: 25px;
    }

    #summary-container {
      background-color: #fff;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      grid-column: 6 / 9;
      grid-row: 2 / 3;
      padding-bottom: 100px;
    }

    #welcome-presentation-quote {
      color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.4em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .gray {
      color: rgb(127, 127, 127);
    }

    #welcome-links-quote {
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      padding: 25px;
      font-size: 1.3em;
    }

    #welcome-email-link-quote {
      color: #fff;
      font-family: 'Yantramanav', sans-serif;
      padding: 25px;
      font-size: 1.3em;
    }

    #gaming-logo-murkybrand-container {
      padding: 25px;
      grid-column: 3 / 6;
      grid-row: 2 / 3;
    }

    #gaming-logo-murkybrand {
      width: 100%;
    }

    /* ESTUDIOS */

    #studies-quote-container {
      background-color: #000;
      color: #000;
      grid-column: 3 / 9;
      grid-row: 3 / 4;
      padding-top: 70px;
    }

    .studies-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 6.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 90px;
      letter-spacing: -0.1rem;
    }

    #studies-index {
      padding-left: 5px;
      padding-bottom: 80px;
      grid-column: 3 / 9;
      grid-row: 5 / 6;
    }

    #studies-summary-container {
      background-color: #000;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 10px;
      color: #fff;
      grid-column: 3 / 9;
      grid-row: 4 / 5;
    }

    #studies-presentation-quote {
      color: #fff;
      margin: 0;
      padding: 25px;
      font-size: 1.5em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .studies-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 2em;
      padding-bottom: 15px;
      color: #666666;
      grid-column: 3 / 9;
    }

    .red-li {
      color: red;
      font-weight: bolder;
    }

      .black-li {
      color: #fff;
      font-weight: 900;
    }

    #ASIR-link {
      text-decoration: none;
      line-height: 30px;
    }

    #DAM-link {
      text-decoration: none;
      line-height: 30px;
    }

    #DAW-link {
      text-decoration: none;
      line-height: 30px;
    }

    /* ASIR */
    #asir-info-container {
      background-color: #fff;
      padding-bottom: 80px;
      grid-column: 3 / 9;
      grid-row: 6 / 7;
      padding-top: 70px;
    }

    #asir-info-quote {
      font-size: 3em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 60px;
      padding: 25px;
      color: #000;
    }

    #asir-examples-container {
      padding: 25px;
    }

    .asir-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 3.5em;
      letter-spacing: -0.3rem;
    }

    #asir-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #asir-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      font-size: 1.2em;
    }

    .asir-list-title {
      color: #000;
      font-weight: 700;
    }

    #asir-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
      font-size: 1.2em;
    }

        /* DAM */
    #dam-info-container {
      background-color: #000;
      padding-bottom: 80px;
      grid-column: 3 / 9;
      grid-row: 7 / 8;
      padding-top: 70px;
    }

    #dam-info-quote {
      font-size: 3em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 60px;
      padding: 25px;
      color: #fff;
    }

    #dam-examples-container {
      padding: 25px;
    }

    .dam-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 1.3em;
      letter-spacing: -0.1rem;
    }

    #dam-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #dam-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      font-size: 1.2em;
    }

    .dam-list-title {
      color: #fff;
      font-weight: 700;
    }

    #dam-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
      font-size: 1.2em;
    }

    /* ASIR */
    #daw-info-container {
      background-color: #fff;
      padding-bottom: 80px;
      grid-column: 3 / 9;
      grid-row: 8 / 9;
      padding-top: 70px;
    }

    #daw-info-quote {
      font-size: 3em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 60px;
      padding: 25px;
      color: #000;
    }

    #daw-examples-container {
      padding: 25px;
    }

    .daw-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 1.3em;
      letter-spacing: -0.1rem;
    }

    #daw-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #daw-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      font-size: 1.2em;
    }

    .daw-list-title {
      color: #000;
      font-weight: 700;
    }

    #daw-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
      font-size: 1.2em;
    }

    .project-left-foot {
      font-size: 1.5;
    }

    .project-right-foot {
      
    }


      /* Projects MAde */

        #projects-made-quote-container {
      background-color: #000;
      color: #fff;
      grid-column: 3 / 9;
      grid-row: 9 / 10;
      padding-top: 70px;
    }

    .projects-made-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 7.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 100px;
      letter-spacing: -0.1rem;
    }

    #projects-made-ol {
      margin: 0;
      padding-top: 20px;
      padding-left: 20px;
    }

    #social-made-ol {
      margin: 0;
      padding-top: 20px;
      padding-left: 50px;
      list-style-type: circle;
    }

    #projects-made-index {
      padding-left: 5px;
      background-color: #000;
      color: white;
      padding-bottom: 40px;
      grid-column: 3 / 9;
    }

    #projects-made-summary-container {
      background-color: #000;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 10px;
      grid-column: 3 / 9;
    }

    #projects-made-presentation-quote {
      color: #fff;
      margin: 0;
      padding: 25px;
      font-size: 1.5em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .projects-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 2em;
      padding-bottom: 1px;    }

      /* HOBBIES MAde */

        #hobbies-made-quote-container {
      background-color: #000;
      color: #fff;
      grid-column: 3 / 9;
      grid-row: 12 / 13;
    }

    .hobbies-made-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 55px;
      letter-spacing: -0.1rem;
    }

    .hobbies-title {
      font-family: 'Maison Neue', sans-serif;

    }

    #hobbies-made-ul {
      margin: 0;
      list-style-type: none;
    }

    #twitch-container {
      background-color: #fff;
    }

    #youtube-container {
      background-color: #fff;
    }

    #twitter-container {
      background-color: #fff;
    }

    #facebook-container {
      background-color: #fff;
    }

    #linkedin-container {
      background-color: #fff;
    }

    #instagram-container {
      background-color: #fff;
    }

    #snapchat-container {
      background-color: #fff;
    }

    .twitter-color {
      color: #1da1f2;
    }

    .youtube-color {
      color: red;
    }

    .twitch-color {
      color: #6441a5;
    }

    .instagram-color {
      color: #c13584;
    }

    .facebook-color {
      color: #4267B2;
    }

    .snapchat-color {
      color: #fffc00;
    }

    .linkedin-color {
      color: #2867b2;
    }

    .hobbies-twitch-index-title {
      color: #6441a5;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-yt-index-title {
      color: red;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-twitter-index-title {
      color: #1da1f2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-facebook-index-title {
      color: #4267B2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-linkedin-index-title {
      color: #2867b2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-instagram-index-title {
      color: #c13584;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .lightwidget-widget {
      width: 100%;
    }

    .hobbies-snapchat-index-title {
      color: #fffc00;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    #social-examples-container {
      padding: 25px;
      padding-bottom: 0px;
      padding-top: 0px;
    }

    .social-examples-container {
      width: 100%;
    }

    #hobbies-made-index {
      color: white;
    }

    #hobbies-made-summary-container {
      background-color: #fff;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
    }

    #hobbies-made-presentation-quote {
      color: #fff;
      background-color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    ol#try {
      list-style-type: circle;
    }

    .hobbies-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 1px;
      color: #000;
      padding-left: 0px;
    }

    .social-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 1px;
      color: #fff;
      padding-left: 0px;
      list-style-type: circle;
    }

    .hobbie-title {
      font-size: 1.1em;
    }

    .hobbie-sumary {
      color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .hobbie-sumary-title {
      color: red;
    }

    .python-sumary-title {
      color: #3776ab;
    }

    .html-sumary-title {
      color: #ff5500;
    }

    .css-sumary-title {
      color: #004cff;
    }

    .js-sumary-title {
      color: #c9bc00;
    }

    .csharp-sumary-title {
      color: #9500ff;
    }

    .php-sumary-title {
      color: #4F5B93;
    }

    .ws-sumary-title {
      color: #004cff;
    }

    .my {
      color: #0074a3;
    }

    .sql {
      color: #e97b00;
    }

    .bitcoin-sumary-title {
      color: #FF9500;
    }

    .ue-sumary-title {
      color: #009c0d;
    }

    .insta-sumary-title {
      color: #c13584;
    }

    .non {
      line-height: 10px;
    }

    .twitter-sumary-title {
      color: #1da1f2;
    }

    .facebook-sumary-title {
      color: #4267B2;
    }

    .yt-sumary-title {
      color: #ff0000;
    }

    .eth-sumary-title {
      color: #997cd6;
    }

    .dash-sumary-title {
      color: #0095ff;
    }

    #foxhound-link {
      text-decoration: none;
    }

    #covenant-link {
      text-decoration: none;
    }

    #slowburn-link {
      text-decoration: none;
    }

    #novelty-link {
      text-decoration: none;
    }


  /*  Footer */
    footer {
      background-color: #000;
      width: 100%;
      grid-column: 3 / 9;
      grid-row: 10 / 11;
    }

    form {
      width: 100%;
      padding-bottom: 50px;
      display: block;
      padding-right: 0;
      padding-left: 0;
      padding-top: 0;
      margin: 0;
      text-align: center;
    }

    #newsletter-container {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #newsletter-quote {
      text-align: center;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
      padding: 25px;
    }

    #copyright-quote-container {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #copyright-quote {
      text-align: center;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
    }


    #mce-FNAME {
      color: #000000;
      background-color: #fff;
      text-align: center;
      font-size: 1.5em;
      border-width: 0rem;
      border-color: #000000;
      width: 99.5%;
      padding-top: 25px;
      padding-bottom: 25px;
    }

    #mce-EMAIL {
      color: #000000;
      background-color: #a1a1a1;
      text-align: center;
      font-size: 1.5em;
      border-width: 0rem;
      border-color: #000000;
      border-radius: 0;
      width: 99.5%;
      padding-top: 25px;
      padding-bottom: 25px;
    }

    .mailchimp-submit-button {
      color: #ffffff;
      font-size: 3.2em;
      font-weight: bolder;
      font-family: 'Maison Neue', sans-serif;
      letter-spacing: 1px;
      background-color: #ff0000;
      border-width: 0em;
      border-color: #000000;
      border-radius: 0em;
      width: 100%;
      padding-top:15px;
      padding-bottom: 15px;
    }

    /* Friends */

    #friends-quote-container {
      padding-top: 35px;
      padding-right: 25px;
      padding-left: 25px;
      padding-bottom: 2px;
      line-height: 1px;
    }


    #friends-quote {
      text-align: left;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
    }

    .friends-quote-style {
      font-size: 1.5em;
      text-decoration: none;
      color: rgb(153, 153, 153);
    }

    #final-logo-container {
      padding-bottom: 50px;
      padding-top: 50px;
    }

    #final-logo-murkybrand {
      display: flex;
      margin: auto;
      width: 25%;
    }

}


















@media only screen and (max-width: 768px) {

	.grid-container {
		display: grid;
		grid-template-columns: 100%;
  	}	

    hr {
      width: 90%;
    }

  	body {
  		margin: 0px;
  	}

    p {
      margin: 0px;
    }

  	#menu-container {
  		background-color: #fff;
  		color: #000;
  	}

    #logo-container {
      padding: 25px;
      width: 20%;
      float: left;
    }

    #menu-img {
      width: 100%;
    }

    /* MENU DE HAMBURGUESA */
    
    ul {
      padding: 0px;
    }

    #menu-hamburguer-img {
      width: 20%;
      padding-left: 20px;
      padding-bottom: 80px;
    }

    #wrapper {
      float: right;
      padding-top: 50px;
      padding-right: 40px;
    }

    #menu_on{
      display: inline-block;
      width:30px;
      height: 20px;
      position: relative;
      z-index: 2;
    }
     
    #menu_on span{
      width: 100%;
      height: 4px;
      border-radius: 4px;
      display: block;
      position: absolute;
      background: #000;
      transition: all 0.25s ease; /* Propiedades a animar | Tiempo | Tipo animación*/
      transform-origin : 0px 100%;
    }
     
    #menu_on span:nth-child(2){
      top: calc(50% - 2px);
    }
     
    #menu_on span:nth-child(3){
      bottom: 0;
    }

    nav{
      position: fixed;
      top: 0;
      bottom: 0;
      left:-700px; /* Escondemos nuestro menú con un valor negativo */ 
      width: 100%;
      z-index: 1;
      background: #fff;
      opacity: 0;
      transition: all 0.75s ease;
      font-size: 1.2em;
      overflow-y: auto;
      padding-top: 125px;
    }

    nav li a{
      display:block;
      font-size: 2.5em;
      font-weight: lighter;
      font-family: 'Didact Gothic', sans-serif;
      text-align: center;
      line-height: 70px;
      text-decoration: none;
      padding: 10px;
      color: #000;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      transition: all ease 0.25s;
    }
     
    nav a:hover{
      border-bottom-color:rgba(255,255,255,0.4);
    }

    .visible_menu span:nth-child(1){
      transform: rotate(45deg) translate(-2px,1px);
    }
     
    .visible_menu span:nth-child(2){
      opacity: 0;
    }
     
    .visible_menu span:nth-child(3){
      transform: rotate(-45deg) translate(-3px,3px);
    }

    .visible_menu nav{
      left: 0;
      opacity: 1;
    }
  
    .visible_menu #content{
      transform: translateX(260px);
    }

    /* FIN */

    #welcome-container {
      background-color: #fff;
      margin: 0;
    }

  	#welcome-quote-container {
  		background-color: #ffffff;
  		color: #000;
  	}

    .welcome-quote {
      color: #000;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 900;
      line-height: 50px;
      letter-spacing: -0.1rem;
      padding: 25px;
    }

    #summary-container {
      background-color: #fff;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
    }

    #welcome-presentation-quote {
      color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .gray {
      color: rgb(127, 127, 127);
    }

    #welcome-links-quote {
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      padding: 25px;
      font-size: 1.3em;
    }

    #welcome-email-link-quote {
      color: #fff;
      font-family: 'Yantramanav', sans-serif;
      padding: 25px;
      font-size: 1.3em;
    }

    #gaming-logo-murkybrand-container {
      text-align: center;
      padding: 25px;
    }

    #gaming-logo-murkybrand {
      width: 100%;
    }

    .email-link-title {
      font-weight: 700;

    }

    .index-flag {
      width: 7%;
      padding-left: 25px;
      padding-right: 10px;
    }

    .underline {
      text-decoration: underline;
      text-decoration-thickness: 1px;
    }

    a {
      font-family: 'Didact Gothic', sans-serif;
      line-height: 1.7;
      color: #fff;
      margin: 0px;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
    }

    /* ESTUDIOS */

    #studies-quote-container {
      background-color: #000;
      color: #000;
    }

    .studies-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 50px;
      letter-spacing: -0.1rem;
    }

    #studies-index {
      padding-left: 5px;
      padding-bottom: 80px;
    }

    #studies-summary-container {
      background-color: #000;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 10px;
      color: #fff;
    }

    #studies-presentation-quote {
      color: #fff;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .studies-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 15px;
      color: #666666;
    }

    .red-li {
      color: red;
      font-weight: bolder;
    }

      .black-li {
      color: #fff;
      font-weight: 900;
    }

    #ASIR-link {
      text-decoration: none;
      line-height: 30px;
    }

    #DAM-link {
      text-decoration: none;
      line-height: 30px;
    }

    #DAW-link {
      text-decoration: none;
      line-height: 30px;
    }


    /* ASIR */
    #asir-info-container {
      background-color: #fff;
      padding-bottom: 80px;
    }

    #asir-info-quote {
      font-size: 1.5em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 30px;
      padding: 25px;
      color: #000;
    }

    #asir-examples-container {
      padding: 25px;
    }

    .asir-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 1.3em;
      letter-spacing: -0.1rem;
    }

    #asir-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #asir-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
    }

    .asir-list-title {
      color: #000;
      font-weight: 700;
    }

    #asir-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
    }

        /* DAM */
    #dam-info-container {
      background-color: #000;
      padding-bottom: 80px;
    }

    #dam-info-quote {
      font-size: 1.5em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 30px;
      padding: 25px;
      color: #fff;
    }

    #dam-examples-container {
      padding: 25px;
    }

    .dam-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 1.3em;
      letter-spacing: -0.1rem;
    }

    #dam-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #dam-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
    }

    .dam-list-title {
      color: #fff;
      font-weight: 700;
    }

    #dam-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
    }

    /* ASIR */
    #daw-info-container {
      background-color: #fff;
      padding-bottom: 80px;
    }

    #daw-info-quote {
      font-size: 1.5em;
      font-family: 'Maison Neue', sans-serif;
      font-weight: 300;
      line-height: 30px;
      padding: 25px;
      color: #000;
    }

    #daw-examples-container {
      padding: 25px;
    }

    .daw-examples-container {
      width: 100%;
    }

    .quote-title {
      font-weight: 900;
      font-size: 1.3em;
      letter-spacing: -0.1rem;
    }

    #daw-list-container {
      padding-top: 20px;
      line-height: 25px;
    }

    .black {
      color: black;
    }

    #daw-list {
      padding-left: 40px;
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
    }

    .daw-list-title {
      color: #000;
      font-weight: 700;
    }

    #daw-summary-quote {
      color: #666666;
      font-family: 'Jura', sans-serif;
      font-weight: 500;
      padding: 25px;
    }

      /* Projects MAde */

        #projects-made-quote-container {
      background-color: #000;
      color: #fff;
    }

    .projects-made-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 55px;
      letter-spacing: -0.1rem;
    }

    #projects-made-ol {
      margin: 0;
      padding-top: 20px;
    }

    #social-made-ol {
      margin: 0;
      padding-top: 20px;
      padding-left: 50px;
      list-style-type: circle;
    }

    #projects-made-index {
      padding-left: 5px;
      background-color: #000;
      color: white;
      padding-bottom: 40px;
    }

    #projects-made-summary-container {
      background-color: #000;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 10px;
    }

    #projects-made-presentation-quote {
      color: #fff;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .projects-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 1px;
    }

      /* HOBBIES MAde */

        #hobbies-made-quote-container {
      background-color: #000;
      color: #fff;
    }

    .hobbies-made-quote {
      color: #fff;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 55px;
      letter-spacing: -0.1rem;
    }

    .hobbies-title {
      font-family: 'Maison Neue', sans-serif;

    }

    #hobbies-made-ul {
      margin: 0;
      list-style-type: none;
    }

    #twitch-container {
      background-color: #fff;
    }

    #youtube-container {
      background-color: #fff;
    }

    #twitter-container {
      background-color: #fff;
    }

    #facebook-container {
      background-color: #fff;
    }

    #linkedin-container {
      background-color: #fff;
    }

    #instagram-container {
      background-color: #fff;
    }

    #snapchat-container {
      background-color: #fff;
    }

    .twitter-color {
      color: #1da1f2;
    }

    .youtube-color {
      color: red;
    }

    .twitch-color {
      color: #6441a5;
    }

    .instagram-color {
      color: #c13584;
    }

    .facebook-color {
      color: #4267B2;
    }

    .snapchat-color {
      color: #fffc00;
    }

    .linkedin-color {
      color: #2867b2;
    }

    .hobbies-twitch-index-title {
      color: #6441a5;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-yt-index-title {
      color: red;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-twitter-index-title {
      color: #1da1f2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-facebook-index-title {
      color: #4267B2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-linkedin-index-title {
      color: #2867b2;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .hobbies-instagram-index-title {
      color: #c13584;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    .lightwidget-widget {
      width: 100%;
    }

    .hobbies-snapchat-index-title {
      color: #fffc00;
      font-family: 'Maison Neue', sans-serif;
      font-size: 3.5em;
      font-weight: 750;
      padding: 25px;
      line-height: 35px;
      letter-spacing: -0.2rem;
      text-align: right;
    }

    #social-examples-container {
      padding: 25px;
      padding-bottom: 0px;
      padding-top: 0px;
    }

    .social-examples-container {
      width: 100%;
    }

    #hobbies-made-index {
      color: white;
    }

    #hobbies-made-summary-container {
      background-color: #fff;
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
    }

    #hobbies-made-presentation-quote {
      color: #fff;
      background-color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }



    ol#try {
      list-style-type: circle;
    }

    .hobbies-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 1px;
      color: #000;
      padding-left: 0px;
    }

    .social-made-index-item {
      font-family: 'Jura', sans-serif;
      font-size: 1.5em;
      padding-bottom: 1px;
      color: #fff;
      padding-left: 0px;
      list-style-type: circle;
    }

    .hobbie-title {
      font-size: 1.1em;
    }

    .hobbie-sumary {
      color: #000;
      margin: 0;
      padding: 25px;
      font-size: 1.3em;
      font-family: 'Didact Gothic', sans-serif;
    }

    .hobbie-sumary-title {
      color: red;
    }

    .python-sumary-title {
      color: #3776ab;
    }

    .html-sumary-title {
      color: #ff5500;
    }

    .css-sumary-title {
      color: #004cff;
    }

    .js-sumary-title {
      color: #c9bc00;
    }

    .csharp-sumary-title {
      color: #9500ff;
    }

    .php-sumary-title {
      color: #4F5B93;
    }

    .ws-sumary-title {
      color: #004cff;
    }

    .my {
      color: #0074a3;
    }

    .sql {
      color: #e97b00;
    }

    .bitcoin-sumary-title {
      color: #FF9500;
    }

    .ue-sumary-title {
      color: #009c0d;
    }

    .insta-sumary-title {
      color: #c13584;
    }

    .non {
      line-height: 10px;
    }

    .twitter-sumary-title {
      color: #1da1f2;
    }

    .facebook-sumary-title {
      color: #4267B2;
    }

    .yt-sumary-title {
      color: #ff0000;
    }

    .eth-sumary-title {
      color: #997cd6;
    }

    .dash-sumary-title {
      color: #0095ff;
    }

    #foxhound-link {
      text-decoration: none;
    }

    #covenant-link {
      text-decoration: none;
    }

    #slowburn-link {
      text-decoration: none;
    }

    #novelty-link {
      text-decoration: none;
    }


  /*  Footer */
    footer {
      background-color: #000;
      width: 100%;
    }

    form {
      width: 100%;
      padding-bottom: 50px;
      display: block;
      padding-right: 0;
      padding-left: 0;
      padding-top: 0;
      margin: 0;
      text-align: center;
    }

    #newsletter-container {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #newsletter-quote {
      text-align: center;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
      padding: 25px;
    }

    #copyright-quote-container {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #copyright-quote {
      text-align: center;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
    }


    #mce-FNAME {
      color: #000000;
      background-color: #fff;
      text-align: center;
      font-size: 1.5em;
      border-width: 0rem;
      border-color: #000000;
      width: 99.5%;
      padding-top: 25px;
      padding-bottom: 25px;
    }

    #mce-EMAIL {
      color: #000000;
      background-color: #a1a1a1;
      text-align: center;
      font-size: 1.5em;
      border-width: 0rem;
      border-color: #000000;
      border-radius: 0;
      width: 99.5%;
      padding-top: 25px;
      padding-bottom: 25px;
    }

    .mailchimp-submit-button {
      color: #ffffff;
      font-size: 3.2em;
      font-weight: bolder;
      font-family: 'Maison Neue', sans-serif;
      letter-spacing: 1px;
      background-color: #ff0000;
      border-width: 0em;
      border-color: #000000;
      border-radius: 0em;
      width: 100%;
      padding-top:15px;
      padding-bottom: 15px;
    }

    /* Friends */

    #friends-quote-container {
      padding-top: 35px;
      padding-right: 25px;
      padding-left: 25px;
      padding-bottom: 2px;
      line-height: 1px;
    }


    #friends-quote {
      text-align: left;
      color: #fff;
      font-family: 'Didact Gothic', sans-serif;
      font-size: 1.5em;
      font-weight: 100;
    }

    .friends-quote-style {
      font-size: 1.5em;
      text-decoration: none;
      color: rgb(153, 153, 153);
    }

    #final-logo-container {
      padding-bottom: 50px;
      padding-top: 50px;
    }

    #final-logo-murkybrand {
      display: flex;
      margin: auto;
      width: 25%;
    }

}