html {
    font-size:100%;
    font-weight:500;
    line-height:1.2;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust: 100%
}
html, body{
    border:0;
    margin:0;
    height:100%;
    width:100%;
    min-height:100%
}
body {
    color: #697482;
    font-family: 'Montserrat', sans-serif;
    background:url("../img/kayotic-pink-bg.jpg") no-repeat;
    background-size:cover
}
a {
    text-decoration:none;
    color:inherit;
    transition:color .3s
}
a:hover{
    color:#f28c89
}
.wrapper{
    height:100%;
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display:-ms-flexbox;      /* TWEENER - IE 10 */
  	display:-webkit-flex;     /* NEW - Chrome */
  	display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:0 40px;
    text-align:center
}
img{
    width:100%;
    max-width:500px;
    margin:0 0 30px;
    height:auto
}
.wrapper .contact{
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display:-ms-flexbox;      /* TWEENER - IE 10 */
  	display:-webkit-flex;     /* NEW - Chrome */
  	display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.wrapper span.soon{
    font-size:28px;
    margin:0 0 30px
}
.wrapper span{
    font-size:18px;
    margin:0 0 10px
}
.wrapper span i{
    font-size:20px;
    margin:0 10px 0 0
}
.wrapper span i.fa-instagram{
    font-size:22px;
    position:relative;
    top:3px
}
@media only screen  and (min-width: 500px) and (max-width: 767px){
img{
    max-width:400px;
    margin:0 0 20px
}
.wrapper span.soon{
    width:100%;
    margin:0 0 20px
}
.wrapper .contact{
    flex-direction:row;
    flex-wrap:wrap
}
.wrapper span{
    width:50%;
    margin:0 0 5px
}
}