/* NAVIGATION */

.hero-wrapper {
      margin-top: 15%;
      margin-bottom: 15%;
      position: relative;
}

.logo {
      padding-top: 27px;
      width: 5%;
      min-width: 80px;
}

.shape1 {
      position: absolute;
      top: 50px;
      right: 0;
      width: 300px;
      z-index: -1;
}


/* ARTICLES */

.article-wrapper {
      width: 100%;
      margin-bottom: 15px;
      max-height: 400px;
      position: relative;
}

.source-link {
      color: #292929;
      text-decoration: none;
      background-image: -webkit-linear-gradient(rgba(35, 21, 230, 1) 0%, rgba(38, 5, 252, 1) 100%);
      background-image: linear-gradient(rgba(35, 21, 230, 1) 0%, rgba(38, 5, 252, 1) 100%);
      background-repeat: repeat-y;
      background-size: 0% 0em;
      background-position: 0 100%;
      -webkit-transition: 600ms ease;
      transition: 600ms ease;
      position: relative;
      padding-bottom: 1px;
      padding-top: 1px;
}

.source-link:hover {
      color: whitesmoke;
      text-decoration: none;
      background-image: -webkit-linear-gradient(#2315E6 0%, #2315E6 100%);
      background-image: linear-gradient(#2315E6 0%, #2315E6 100%);
      background-size: 100% 1em;
}

section {
      padding-top: 20px;
      padding-bottom: 20px;
}

a {
      text-decoration: none;
}

hr {
      width: 50px !important;
      height: 10px;
      background-color: #2315E6;
      margin-top: 0.3rem;
      margin-bottom: 4rem;
}


/* RESOURCES */

.resources-link img {
      width: 100%;
      box-sizing: border-box;
}

.resources-link h6 {
      color: #292929;
      margin-bottom: 10px;
}

.resources-link p {
      color: #292929;
}

.description {
      margin-left: 0;
}

.sm-link p {
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
}

.sm-link p:hover {
      opacity: 0.7;
}

.sm-link {
      font-family: "Montserrat", "Source Sans Pro", sans-serif;
      color: #2315E6;
      font-weight: 700;
      text-decoration: none;
}


/* FOOTER */

footer {
      height: 6em;
      background-color: #2315E6;
      text-align: center;
      font-family: "Montserrat", "Source Sans Pro", sans-serif;
      width: 100%;
      margin-top: 2em;
}

footer a {
      color: #fff;
      padding: 10px;
      font-weight: 400;
}

.footer-nav-wrapper {
      line-height: 6em;
      width: 100%;
}

#umit {
      left: 0;
      bottom: 0;
      background-color: #2315E6;
      color: #fff;
      position: fixed;
      padding: 0.5em;
      font-weight: 700;
      z-index: 10000 width: 100px;
      height: 20px;
      font-family: "Montserrat", sans-serif;
      font-size: 1em;
      -webkit-transition: all .8s ease;
      transition: all .8s ease;
}

#umit:hover {
      opacity: 0.8;
      -webkit-transition: all .6s ease;
      transition: all .6s ease;
}

.twit-me {
      width: 15px;
      padding-right: 5px;
}
.email-description {
      font-family: "Montserrat", sans-serif;
      color: #292929;
}

/* MEDIA QUERIES */

@media (max-width: 600px) {
     
      footer {
            font-size: 14px;
      }
      .shape1 {
            display: none;
      }
      
      
}


/* Larger than tablet */

@media (min-width: 750px) {
      .hero-wrapper {
            margin-top: 10%;
            margin-bottom: 10%;
      }
}


/* Larger than desktop */

@media (min-width: 1000px) {
      h1 {
            font-size: 6rem;
      }
}