body{
    -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
    cursor: default;
    background: url(terms.jpg);
    background-repeat: no-repeat;
    background-size: 1550px 400px;
}
#logo{
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    color:white;
    font-size: 120px;
    top:-130px;
    cursor: default;
}
#p1{
    font-style: normal;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 60px;
    text-align: center;
    color:#000000;
    position:relative;
    top:-180px;
    cursor:default;
}
p{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 100%;
}
#div1{
    margin:11%;
    margin-top:0px;
    position: relative;
    top:-90px
}
#div2{
    position: relative;
    top:40px;
}
li{
    margin:2%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
#end{
    position: relative;
    top:300px;
    margin:8%;
    padding-bottom:300px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 200%;
    text-align: center;
}
@media only screen and (max-width:500px){
    #logo{
        font-size: 290%;
        position: relative;
        top:30px
    }
    #p1{
        font-size: 230%;
        position: relative;
        top:40px ;
    }
    #div1{
        position: relative;
        top:200px;
    }
    li{
        margin-bottom: 10%;
    }
}
@media only screen and (max-width:888px){
    #logo{
        font-size: 290%;
        position: relative;
        top:30px
    }
    #p1{
        font-size: 230%;
        position: relative;
        top:40px ;
    }
    #div1{
        position: relative;
        top:200px;
    }
    li{
        margin-bottom: 4%;
    }
}
#basichelp{
    -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
    background-color:#ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-top:8%;
  }
  #d1,#d2,#d3,#d4,#d5,#d6{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
  }
  #flex1{
    display:flex;
    flex-direction: row;
  }
  #item1,#item2,#item3,#item4{
    display:flex;
    flex-direction: column;
    border-radius: 5px;
    bottom:25px;
    background: #fff;
      width: 200px;
      max-width: 100%;
      box-sizing: border-box;
      padding: 25px;
      margin: 7%;
      position: relative;
    left:-205px;
    margin-top:px;
    z-index: 1;
      border-top: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  }
  #d1{
    color:#3c414c;
    font-size: 300%;
    font-weight: 600;
  }
  #d2{
    color:#666666;
    font-size:200%;
    font-weight: 500;
    position: relative;
    top:-40px;
  }
  #d3,#d4,#d5,#d6{
    color:#3c414c;
    font-weight: 600;
  
  }
  #footer{
    background-color:#f7f6f6;
    display: flex;
    flex-direction: row;
  }
  #log,#foot1,#foot2{
    display: flex;
    flex-direction: column;
    margin:8%;
  }
  #log{
    width:300px
  }
  #d9,#d13,#d7{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    color:#3c414c;
    font-size: 200%;
  }
  #d8,#d11,#d12,#d10,#d14,#d15,#d16
  {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color:black;
    font-size:110%;
  }
  #d16
  {
    text-align: center;
  }
  #basichelp,#footer{
    position: relative;
  }


  #d10,#d11,#d12,#d8,#d14,#d15{
    font-weight: 600;
    color:#666666
  }
  @media only screen and (max-width: 1215px){
    #div1,#div2{
      margin-bottom:200px;

    }
    #flex1{
      flex-direction: column;
     align-items: center;
     position: relative;
     left:200px;
    }
  }
#img{
  position: relative;
  top:30px;
}

@media only screen and (max-width: 996px) {
  #div1,#div2{
    margin-bottom:200px;

  }
  #d16{
      position: relative;
      top:40px;
      font-size: 100%;
  }
  #div5{
      margin-bottom:500px;
  }

#d8{
    width:200px;
}
#footer{
    flex-direction: column;
    margin-bottom:100px;
}
}
@media only screen and (max-width: 568px){
  #div1,#div2{
    margin-bottom:200px;

  }
  #d16{
      position: relative;
      top:40px;
      font-size: 100%;
  }
  #div5{
      margin-bottom:500px;
  }
#img{
    display:none;
}
}
@media only screen and (max-width: 888px){
  #basichelp{
    margin-top:300px;
  }
}
@media only screen and (max-width: 4700000px){
  #mobile{
    display:none;
  }
}

@media only screen and (max-width: 470px){
  #img{
    display: none;
  }
  #footer{
    flex-direction: column;
  }
  #d2{
    font-size: 100%;
  }
  #mobile{
    background: #ffffff;
    display: block;
    z-index:1;
    position: relative;
    top:-130px;
    padding: 4px;
  }
  #basichelp{
    display: none;
  }
  #image1,#image2,#image3,#image4{
    display: flex;
    flex-direction: column;

    background: #ffffff;
	box-sizing: border-box;
	padding: 25px;
	margin: 8% auto 0;
	position: relative;
  z-index: 1;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  }
  #flexmob{
    display: flex;
    flex-direction: column;
  }
  #d1,#d2{
    text-align: center;

  }
  #d2{
    margin-top:80px;
  }
  #flexmob{
    margin-bottom: 60px;
  }
  #d16{
    margin-bottom:100px;
  }
}