body{
  background-color:rgb(31,31,31);
  padding-top:0px;
  overflow-x:hidden;
  margin-top:0px;

}
*{
  margin:0;
  padding:0;
}

input.login{
  flex: 1 1 auto;
  margin: 10px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top:6px;
  padding-bottom:5px;
  text-align: center;
  text-transform: uppercase;
  border-style:none;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 0 20px #eee;*/
  border-radius: 10px;
  transition: 0.5s;
  background-position:right;
  margin-top:12px;
 }

 button.login{
  flex: 1 1 auto;
  margin: 10px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top:5px;
  padding-bottom:5px;
  text-align: center;
  text-transform: uppercase;
  border-style:none;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 0 20px #eee;*/
  border-radius: 10px;
  transition: 0.5s;
  background-position:right;
  background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);


 }

 input.navright{
   margin-left:50vw;
 }

  .login {
  background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
  }

  .login:hover, .login-2:hover{
    background-position:left;
    box-shadow:0 0 20px;
  }

  .section1{
    background-image:url('images/backgroundolympus.png');
    background-size:cover;
    height:100vh;
    background-position: center;
  }

  .container-image {
      position: relative;
      width: 50%;
    }

    /* Make the image responsive */
    .container-image{
      margin-left:30%;
      margin-top:10%;
      width: 40%;
      height: auto;
    }

    .image-1{
        width:100%;
        height:auto;
    }

    /* Style the button and place it in the middle of the container/image */
    .container-image .login-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      border: none;
      flex: 1 1 auto;
      margin: 10px;
      padding-right: 30px;
      padding-left: 30px;
      padding-top:5px;
      padding-bottom:5px;
      text-align: center;
      text-transform: uppercase;
      border-style:none;
      background-size: 200% auto;
      color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 0 20px #eee;*/
      border-radius: 10px;
      transition: 0.5s;
      background-position:right;
      background-image: linear-gradient(to bottom,#B5345E 0%, #952667 50%);
    }

    ::-webkit-scrollbar {
      width: 10px;
        }


        ::-webkit-scrollbar-track {
        background:#000;
        }


        ::-webkit-scrollbar-thumb {
      background:#952667;
        border-radius:15px;
        }

        ::-webkit-scrollbar-thumb:hover {
      background: #952667;
        }

  img.logo-nav{
      width:50%;
      margin-top:-15%;
      padding:0;
      margin-bottom:-20%;
  }

  .nav-container{
      width:60%;
      margin-left:40%;

  }
  .container-image{

    }

  img.laptop{
      margin-top:10%;
      width:60%;
  }

  .section2{
      background-image:linear-gradient(to bottom, #B5345E 0%, #D743A8 75%, #952667 100%);
      background-size:Cover;
      height:250vh;
      width:100vw;
  }

  p.s-2-t{
      color:white;
      font-size:2.5em;
      margin-top:5vh;
      margin-bottom:10%;
  }

  .feature-container{
      background-color:rgba(0,0,0,0.3);
      width:100%;
      height:50vh;
      margin-left:;
      color:white;
      margin-top:5%;

  }

  .feature-image{
      width:40%;
  }

  img.stocksolutionbackground{
    width:100%;
  }

    .topnav {
      overflow: hidden;
      background-color:rgba(0,0,0,0.2);

    }


    .sticky + .content {
      padding-top: 60px;
    }
    .topnav a, .topnav p {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }

    .topnav p {

    }

    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .topnav a.active {
      background-color: #4CAF50;
      color: white;
    }

    .topnav .icon {
      display: none;
    }

    .title-about-us{
      font-size:3em;

    }
    .text-container-left{
      widows: 100%;
      color:white;
      margin-top:10vh;
    }

    .text-container-right{
      widows:100%;
      color:white; margin-top:10vh;
    }

    .title-about-us-right{
      font-size:3em;


    }

    input.full-name{
      margin-top:5vh;
      width:80%;
      background-color:rgba(0,0,0,0.3);
      border-style:none;
      padding-top:10px;
      padding-bottom:10px;
      border-radius:10px; padding-left:15px;
    }

    input.email-addy{
      margin-top:3vh;
      width:80%;
      background-color:rgb(0,0,0,0.3);
      border-style:none;
      padding-top:10px;
      padding-bottom:10px;
      border-radius:10px; padding-left:15px;
    }

    textarea.your-message{
      margin-top:3vh; width:80%; background-color:rgb(0,0,0,0.3); border-style:none; padding-top:10px; padding-bottom:10px; padding-left:15px; border-radius:10px;

    }


    p.text-body{
      color:white;
      margin-top:5vh;
      font-size:1.2em;
    }
    @media screen and (max-width: 600px) {
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        float: right;
        display: block;
      }
    }

    @media screen and (max-width: 600px) {
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
    }


    img.stocksolutionbackground {
      display: block;
      width:90%;

  }

  .thumb{
      position: relative;
      display: inline-block;
  }

  .caption {
      position: absolute;
      top: 50%;
      left: 20%;
      transform: translate( -15%, -50% );
      text-align: center;
      color:white;
      font-weight: normal;
      font-size:1.5em;

  }

  img.partnership{
    width:100%;
    margin-top:15%;
  }
}