@font-face {
    font-family: 'exo_2regular';
    src: url('../fonts/exo2-regular/Exo2-Regular-webfont.eot');
    src: url('../fonts/exo2-regular/Exo2-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/exo2-regular/Exo2-Regular-webfont.woff') format('woff'),
    url('../fonts/exo2-regular/Exo2-Regular-webfont.ttf') format('truetype'),
    url('../fonts/exo2-regular/Exo2-Regular-webfont.svg#exo_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2bold';
    src: url('../fonts/exo2-bold/Exo2-Bold-webfont.eot');
    src: url('../fonts/exo2-bold/Exo2-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/exo2-bold/Exo2-Bold-webfont.woff') format('woff'),
    url('../fonts/exo2-bold/Exo2-Bold-webfont.ttf') format('truetype'),
    url('../fonts/exo2-bold/Exo2-Bold-webfont.svg#exo_2bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    /*background: url("../img/soon_page_new.png"); */
    background-color: #120A02;
    font-size: 20%;
}

.mobilediv {
    height:auto;
    width:auto;
    position:relative;
    z-index:1;
    margin:0px auto;
    overflow:hidden;
    display:inline;
    float:left;
}

.desktopdiv {

    height:auto;
    width:auto;
    position:relative;
    z-index:1;
    margin:0px auto;
    overflow:hidden;
    display:inline;
    float:left;
}

.desktopdiv img {
    height:auto;
    width:auto;
    max-width: 100%;
    max-height: 100%;

    position:relative;
    z-index:2;
}

.mobilediv img {
    height:auto;
    width:auto;
    max-width: 100%;
    max-height: 100%;

    position:relative;
    z-index:2;
}

.image-desktop {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.image-mobile {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.desktop-form {
    position:absolute;
    left: 60.5%;
    top: 77.5%;
    z-index:10;
    height: 25%;
}

.mobile-form {
    position:absolute;
    left: 13%;
    top: 93%;
    z-index:10;
    height: 25%;
}

.input-desktop {
    position: relative;
    background: #F8F2B9;
    border:none;
    outline: none;
    height: 15%;
    width: 17vw;
    padding-left: 10px;
    font-weight: bold;
    font-size: 1em;
}

.submit-desktop {
    position: relative;
    background: #F8F2B9;
    border: 0;
    margin-left: -50px;
    height: 15%;
    width: 75px;
}

.input-mobile {
    position: relative;
    background: #F8F2B9;
    border:none;
    display: inline-block;
    outline: none;
    height: 6vmin;
    width: 25vw;
    padding-left: 1vmin;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 4vmin;
}

.submit-mobile {
    position: relative;
    background: #F8F2B9;
    border: none;
    margin-left: -5px;
    height: 6vmin;
    width: 20vw;
    font-size: 4vmin;
    font-weight: bold;
    display: inline-block;
    padding: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
    font-weight: bold;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
    font-weight: bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
    font-weight: bold;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000;
    font-weight: bold;
}

.image {
    width: 100%;
}

.logo {
    left: 0;
    width:115%;
    position:absolute;
    top:13%;
    z-index:99;
}

.text-light {
    font-family: 'exo_2regular';
    color: #F8F2B9;
}

.text-dark {
    font-family: 'exo_2bold';
    color: #C7AE00;
}

.paragraph1 {
    position: absolute;
    top: 28%;
    left: 21%;
}

.list {
    position: absolute;
    top: 40%;
    left: 26%;
    color: #F8F2B9;
}

.paragraph2 {
    position: absolute;
    top: 53%;
    left: 21%;
}

.paragraph3 {
    position: absolute;
    top: 68%;
    left: 21%;
}

.paragraph4 {
    position: absolute;
    top: 75%;
    left: 21%;
}

.paragraph5 {
    position: absolute;
    top: 85%;
    left: 21%;
}

.mail-input {
    position:absolute;
    left: 21%;
    top: 85%;
    z-index:10;
    height: 25%;
}

.mail-input-desktop {
    position: relative;
    background: #F8F2B9;
    border:none;
    outline: none;
    height: 15%;
    padding-left: 10px;
    font-weight: bold;
    font-size: 1em;
}

.mail-submit-desktop {
    position: relative;
    background: #F8F2B9;
    border: 0;
    margin-left: -50px;
    height: 15%;
    font-weight: bold;
    min-width: 100px;
}