body {
    width: 100%;
    min-height: calc(100vh - 22px);
    margin: 0;
    background-image: url(bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow-x: auto;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding-bottom: 22px;
}

#wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.logo {
    width: 80%;
    max-width: 600px;
    margin-top: 75px;
}

#instructions {
    font-weight: normal;
    font-size: 16px;
    width: 85%;
    margin: 0;
    margin-left: 7.5%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#numberIn {
    font-family: 'Consolas', monospace;
    margin-top: 50px;
    border: none;
    padding: 5px;
    font-size: 18px;
    width: 70%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#send {
    width: 70%;
    margin-top: 10px;
    border: none;
    padding: 7px 5px;
    font-size: 14px;
    background-color: #3498db;
    cursor: pointer;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
}

a {
    text-decoration: none;
    color: white;
}

#ad {
    width: 100%;
    top: 0;
    left: 0;
    margin:0;
    margin-top: 200px;
}

#adTitle {
    font-weight: bold;
    font-size: 13px;
    width: 85%;
    margin: 0;
    margin-left: 7.5%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#adDetail {
    font-weight: normal;
    font-size: 13px;
    width: 85%;
    margin: 0;
    margin-left: 7.5%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    cursor: pointer;
}

#imgback {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 12px;
    opacity: 0.8;
    cursor: pointer;
    background-color: #000;
    padding: 6px;
}

.resultimage {
    /* max-width: 100%;
     height: calc(100vh - 140px - 15px - 42px) */
	max-width: 100%;
	max-height: calc(100vh - 140px - 15px - 42px);
}

#imginstr, #imgfail {
    font-weight: normal;
    font-size: 13px;
    width: 85%;
    margin: 0;
    margin-left: 7.5%;
    margin-top: 25px;
}

b {
    font-weight: bold;
}

*:focus {
    outline: none;
}

* {
    max-width: 100vw;
}

#legalText a {
    color: rgba(255,255,255,0.7);
}

#legal {
    width: 100%;
    margin: 50px 0 0;
}

#legalText {
    font-weight: normal;
    font-size: 13px;
    width: 85%;
    margin: 0;
    margin-left: 7.5%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.7);
    cursor: pointer;
}


/* montserrat-300 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/montserrat-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('fonts/montserrat-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v14-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/montserrat-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('fonts/montserrat-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v14-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/montserrat-v14-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('fonts/montserrat-v14-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v14-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v14-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/montserrat-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('fonts/montserrat-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v14-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}