/*
*
* Made with <3 by iDizBox
* 2019
*
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap');


html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
} 

body {
    font-family: 'Montserrat', sans-serif;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    color: #FFFEDD;
    background-color: #f9aa9d;
    background-image: url(../img/imakobg.jpg);
    background-size: cover;
    background-position: bottom;
} 

h1 {
    font-weight: 600;
    font-size: 28px;
    margin: 0;
}

h2 {
    font-size: 28px;
    font-weight: 100;
    margin: 0;
}

.btn_yellow, .btn_yellow:hover, .btn_yellow:active, .btn_yellow:visited {
    background-color: #fffedd;
    font-weight: 600;
    color: #865c70;
    font-size: 16px;
    border-radius: 50px;
    padding: 7px 26px;
    margin-top: 10px;
    text-decoration: none;
}

.imako-intro {
    position: absolute;
    top: 8%;
    width: 100vw;
    text-align: center;
    text-transform: uppercase;
}

#imako-interactive, .imako-persocontainer {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*
.imako-perso {
    background-image: url(../img/imako.png);
    background-size: cover;
    background-position: bottom;
    position: absolute;
    width: 100%;
    min-height: 100vh;
    bottom: -80px;
    padding-top: 100%;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
*/

.imako-perso {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.imako-perso img {
    position: absolute;
    bottom: -80px;
}

.imako-social {
    position: absolute;
    right: 15px;
    top: 15px;
}

.imako-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.imako-social ul li {
    display: inline-block;
    margin: 5px;
}


@media (max-width: 992px) {
    
    .imako-perso img {
        bottom: -15px;
        zoom: 2;
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        transform-origin: bottom center;
    }
    
    .imako-social {
        left: 15px;
        text-align: center;
    }
    
    .imako-intro {
        top: 15%;
    }
    
}