body{
  background: #1B1B1B;
}

.topwhite{
  position: absolute;
  height: 470px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: #FFFFFF;
  /*border: 1px solid red;*/
}
@media(max-width: 768px){
  .topwhite{
    height: 306px;
  }
}

.rettangolo{
  position: absolute;
  width: 162px;
  height: 248px;
  left: 0px;
  top: 222px;
}
/* Title*/
@media(max-width: 768px){

  .rettangolo{
    /*border: 1px solid red;*/
    width:81px;
    top:122px;
  }

}

.rettangolo3{
  border-radius: 0 100% 0 0;
  -moz-border-radius: 0 100% 0 0; /* firefox */
  -webkit-border-radius: 0 100% 0 0; /* safari, chrome */
  position: absolute;
  width: 52.15px;
  height: 52.15px;
  left: 0px;
  background: #1B1B1B;
}

@media(max-width: 768px){

  .rettangolo3{
    /*border: 1px solid green;*/
    width: 18px;
    height: 18px;
  }

}


.rettangolo4{
  position: absolute;
  width: 100px;
  height: 52.15px;
  left: 0px;
  margin-top:195.85px;
  background: #1B1B1B;
}

@media(max-width: 768px){

  .rettangolo4{
    /*border: 1px solid green;*/
    width: 36px;
    height: 18px;
    margin-top: 165.85px;
  }

}

.rettangolo5{
  position: absolute;
  width: 52.15px;
  height: 195.85px;
  left: 0px;
  top: 52.15px;
  background: #1B1B1B;
}

@media(max-width: 768px){

  .rettangolo5{
    /*border: 1px solid blue;*/
    width: 18px;
    height: 165.85px;
    top: 18px;
  }

}

.rettangolo6{
  border-radius: 0 0 0 100%;
  -moz-border-radius: 0 0 0 100%; /* firefox */
  -webkit-border-radius: 0 0 0 100%; /* safari, chrome */
  position: absolute;
  width: 52.15px;
  height: 52.15px;
  left: 52.15px;
  margin-top: 195.85px;
  background: #FFFFFF;
}

@media(max-width: 768px){

  .rettangolo6{
    /*border: 1px solid blue;*/
    width: 18px;
    height: 18px;
    left: 18px;
    margin-top: 165.85px;
  }

}

.top{
	justify-content: space-between;
  display:flex;
  flex-wrap:nowrap;
}

.inter{
  width: 60px;
}

@media(max-width:768px){
  .inter{
    width: 0px;
  }
}

.logo{
  margin-top: 25px;
  margin-left: 10px;
  height: 80px;
}
@media(max-width: 768px){
  .logo{
    /*border: 1px solid blue;*/
    margin-top: 10px;
    margin-left: -10px;
    height: 55px;
  }
}

.menu{
  margin-top: 70px;
  margin-right: 12.81%;/*246px;*/
  display:flex;
  flex-wrap:nowrap;
  width: 381px;
  height: 15px;
}
@media(max-width: 768px){
  .menu{
    /*Border: 1px solid blue;*/
    margin-right: 12.81%;/*246px;*/
    margin-top: 30px;
    width: 220px;
    height: 12px;
  }
}

.howitworks{
  margin-left: 48px;
  font-size: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-weight: 600;
  color: #1B1B1B;
}
@media(max-width: 768px){
  .howitworks{
    /*border: 1px solid green;*/
    margin-left: 15px;
    font-size: 10px;
  }
}

.aboutus{
  margin-left: 48px;
  font-size: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-weight: 600;
  color: #1B1B1B;
}
@media(max-width: 768px){
  .aboutus{
    /*border: 1px solid green;*/
    margin-left: 15px;
    font-size: 10px;
  }
}

.whysharify{
  margin-left: 0px;
  font-size: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-weight: 600;
  color: #1B1B1B;
}
@media(max-width: 768px){
  .whysharify{
    /*border: 1px solid green;*/
    font-size: 10px;
  }
}

hr.sub1{
  border: 2px solid #FFFFFF;
}

hr.sub2{
  border: 2px solid #FFFFFF;
}

hr.sub3{
  border: 2px solid #FFFFFF;
}

@media(max-width: 768px){
  hr.sub1{
    border: 1px solid #FFFFFF;
  }
}

@media(max-width: 768px){
  hr.sub2{
    border: 1px solid #FFFFFF;
  }
}

@media(max-width: 768px){
  hr.sub3{
    border: 1px solid #FFFFFF;
  }
}

a{
  color:  #1B1B1B;
}

a:visited{
  color:  #1B1B1B;
}

a:active{
  color:  #1B1B1B;
}


.contents{
  margin-top: 79px;
  margin-left: 164px;
  margin-right: 50%;
  height: 280px;
}
@media(max-width: 768px){
  .contents{
    /*border: 1px solid blue;*/
    margin-top: 15px;
    margin-left: 45px;
    margin-right: 8%;
    height:auto;
  }
}
@media(max-width: 1000px){
  .contents{
    /*border: 1px solid red;*/
    font-size: 25px;
  }
}

.title{
  height: 107px;
  width: 800px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 120%;
  background-color: #FFFFFF;
  color: #1B1B1B;
}
/* Title*/
@media(max-width: 768px){
  .title{
    /*border: 1px solid red;*/
    font-size: 25px;
    height: auto;
    width: 300px;
    line-height: normal;
  }
}

.subtitle{
  width: 430px;
  height: 69px;
  margin-top: 19px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #1B1B1B;
}
@media(max-width: 768px){
  .subtitle{
    /*border: 1px solid green;*/
    font-size: 13px;
    height: auto;
    width: 300px;
    line-height: normal;
    margin-top: 10px;
  }
}

.social{
  width: 340px;
  height: 43px;
  margin-top: 24px;
}
@media(max-width: 768px){
  .social{
    /*border: 1px solid red;*/
    height: auto;
    width: 300px;
    line-height: normal;
    margin-top: 10px;
  }
}

.twitter{
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .twitter{
    width:35px;
    height:35px;
    margin-right: 6px;
  }
}

.github{
  margin-left: 10px;
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .github{
    width:35px;
    height:35px;
    margin-left: 0px;
    margin-right: 6px;
  }
}

.reddit{
  margin-left: 10px;
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .reddit{
    width:35px;
    height:35px;
    margin-left: 0px;
    margin-right: 6px;
  }
}

.telegram{
  margin-left: 10px;
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .telegram{
    width:35px;
    height:35px;
    margin-left: 0px;
    margin-right: 6px;
  }
}

.medium{
  margin-left: 10px;
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .medium{
    width:35px;
    height:35px;
    margin-left: 0px;
    margin-right: 6px;
  }
}

.social_logo1{
  margin-left: 10px;
  width: 43px;
  height: 43px;
}
@media(max-width: 768px){
  .social_logo1{
    width:35px;
    height:35px;
    margin-left: 0px;
    margin-right: 6px;
  }
}

.betaversion{
  border: 1px solid #1B1B1B;
  margin-top: 30px;
  background: #1B1B1B;
  box-shadow: 1px 0px 6px 2px rgba(26, 99, 52, 0.25);
  border-radius: 22px;
  width: 418px;
  height: 42px;
}
@media(max-width: 768px){
  .betaversion{
    border: 1px solid #1B1B1B;
    margin-top: 50px;
    margin-left: 0px;;
    width: 210px;
    height: 28px;
  }
}

.comingsoon{
  /*border: 1px solid green;*/
  margin-left: 25px;
  margin-top: 6.5px;
  width: 368px;
  height: 16.5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
}
@media(max-width: 768px){
  .comingsoon{
    /*border: 1px solid red;*/
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 0px;
  }
}


.bottom{
  height: 360px;
  width:554px;
  margin: 60px auto;
}
@media(max-width: 768px){
  .bottom{
    /*border: 1px solid green;*/
    height: auto;
    width: 260px;
    margin: 50px auto;
  }
}

.join{
  width: 390px;
  height: 83px;
  margin-left: 82px;
  top: 618px;
}
@media(max-width: 768px){
  .join{
    /*border: 1px solid red;*/
    height: auto;
    width: 230px;
    margin-left: 15px;
  }
}

.joinsharify{
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 64px;
  line-height: 102.24%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media(max-width: 768px){
  .joinsharify{
    /*border: 1px solid blue;*/
    font-size: 37px;
  }
}

.text{
  width: 554px;
  height: 63px;
  margin-top: 20px;
}
@media(max-width: 768px){
  .text{
    /*border: 1px solid blue;*/
    width: 260px;
    height: auto;
    margin-top: 10px;
  }
}

.text1{
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.8);
}
@media(max-width: 768px){
  .text1{
    /*border: 1px solid yellow;*/
    font-size: 13px;
  }
}

.whitepaper{
  width: 361px;
  height: 74px;
  margin-left: 96.5px;
  margin-top: 92px;
}
@media(max-width: 768px){
  .whitepaper{
    /*border: 1px solid red;*/
    width: auto;
    height: auto;
    margin-left: 0px;
    margin-top: 10px;
  }
}

.immaginewhitepaper{}
  @media(max-width: 768px){
    .immaginewhitepaper{
      width: 260px;
    }
  }