@font-face {
    font-family: 'SDGothic';
    font-style: normal;
    font-weight: 400;
    src: url(../font/apple-sd-gothic-neo-regular.woff) format('woff'),
         url(../font/apple-sd-gothic-neo-regular.otf) format('opentype');
  }
  @font-face {
    font-family: 'SDGothic';
    font-style: normal;
    font-weight: 600;
    src: url(../font/apple-sd-gothic-neo-bold.woff) format('woff'),
         url(../font/apple-sd-gothic-neo-bold.otf) format('opentype');
  }
  @font-face {
    font-family: 'SDGothic';
    font-style: normal;
    font-weight: 800;
    src: url(../font/APPLE-SDGothic-ExtraBold.woff) format('woff'),
         url(../font/APPLE-SDGothic-ExtraBold.otf) format('opentype');
  }
  
/*Reset*/
body, h1, h2, h3, h4, h5, h6, div, p, pre, address, 
ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, 
legend, hr {
    margin:0; padding:0;
}
ul, ol {
    list-style:none;
}
table {
    border-spacing:0; 
    border:0; 
    border-collapse:collapse;
}
img, fieldset {
    border:0;
}
address, caption, code, em {
    font-style:normal; font-weight:normal;
}
input, select, button, textarea {
    font-size:100%; 
    color:#000; 
    font-family:'SDGothic', sans-serif; vertical-align:middle;
}
body::-webkit-scrollbar { 
    display: none; 
}
body {
    color:#343434; 
    line-height:18px; 
    font-family:'SDGothic', 'Campton', sans-serif;
}
a {
    color:#000; 
    text-decoration:none;
}
a:link, a:visited, a:hover, a:active {color:inherit;}
label, button {cursor:pointer;}
textarea, pre {overflow:auto;}
img {vertical-align:top;}
fieldset {display:block;}
header{
    position: fixed;
    right: 0;
    margin-right: 80px;
}
header ul li{
    font-size: 18px;
    color: white;
    float: left;
    margin-left: 80px;
    margin-top: 50px;
}
#main{
}
#main img{
    width: 100%;
}
#app{
    text-align: center;
}
#app img{
    width: 60%;
    padding-top: 130px;
}
#how{
    text-align: center;
}
#how img{
    width: 60%;
    padding-top: 130px;
}
#kiosk{
    text-align: center;
}
#kiosk img{
    width: 60%;
    padding-top: 130px;
}
#contact{
}
#contact img{
    width: 100%
}
#imagee {
    text-align: center;
    margin-top: -29%;
    margin-right: 115px;
}
#imagee img{
    margin-left: 100px;
}
#qr {
    background-color: #7865fd;
    height: 430px;
    text-align: center;
}
#qr img{
    width: 20%;
    margin-top: 12.5%;
}