/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 23, 2018, 10:33:57 AM
    Author     : pos
*/



@import url("fonts.css");
@import url("top_menu.css");
@import url("contact_frontend.css");
@import url("footer.css");
@import url("link_animation.css");

html { height: 100vh;}

body {
    height: 100vh;
    background-color: #fff;
    padding-top: 60px;
}

h1 {
    font-size: 2em;
}

.top_zero {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.left_zero {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.right_zero {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.down_zero {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.rotation_minus_5 {
        -webkit-transform: skewY(-5deg);
  -moz-transform: skewY(-5deg);
  -ms-transform: skewY(-5deg);
  -o-transform: skewY(-5deg);
  transform: skewY(-5deg);
}

.rotation_plus_5 {
        -webkit-transform: skewY(5deg);
  -moz-transform: skewY(5deg);
  -ms-transform: skewY(5deg);
  -o-transform: skewY(5deg);
  transform: skewY(5deg);
}


.app_start {
    position: relative;
    min-height: 70vh;
    background: url("../img/app_main.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
    padding-bottom: 15vw;
}



.app_start h1 {
    padding-top: 20vh;
    color: #fff;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 3.0em;
}

.app_start h2 {
    color: #fff;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 2.0em;
}


/* APP DESCRIPTION */

.app_desc {
    position: relative;
    min-height: 30vh;
    margin-top: -15vh;
    padding-left: 50px;
    padding-bottom: 15vw;
    background-color: #393939;
    color: #fff;
}

.app_desc h1 {
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    padding-top: 4%;
    padding-bottom: 2%;
}

.app_desc p {
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
}

/* APP DESCRIPTION END */


/* iOS APP */

.ios_app {
    position: relative;
    height: auto;
    background: #f4f4f4;
    margin-top: -10vw;
}

.ios_article {
    position: relative;
    margin-left: 50px;
    margin-top: 5vw;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    color: #868e96;
    
}

.ios_article p {
    padding-bottom: 5%;
}

.x_rotation_minus_5 {
  -webkit-transform: skewX(-5deg);
  -moz-transform: skewX(-5deg);
  -ms-transform: skewX(-5deg);
  -o-transform: skewX(-5deg);
    transform: skewX(-5deg);
}

.x_rotation_plus_5 {
  -webkit-transform: skewX(5deg);
  -moz-transform: skewX(5deg);
  -ms-transform: skewX(5deg);
  -o-transform: skewX(5deg);
    transform: skewX(5deg);
}

.app_ios_img {
    position: relative;
    min-height: 40vh;
    background: url("../img/app_ios.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
}

/* iOS APP END */


/* APP DEV PROC */


.app_dev_proc {
    position: relative;
    min-height: 10vh;
    margin-top: -5%;
    background: #fff;
}


/* APP DEV PROC END */


/* ANDROID APP */

.android_app {
    position: relative;
    height: auto;
    margin-top: 0px;
    background: #f4f4f4;
}

.android_img {
    position: relative;
    min-height: 40vh;
    background: url("../img/app_android.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
}

.android_article {
    position: relative;
    margin-left: 50px;
    margin-top: 4vw;
    padding-top: 2%;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    color: #868e96;
}

.android_article p {
    padding-bottom: 4vw;
}

/* ANDROID APP END */

@media (max-width:1000px) {
    
    .app_start h1 {
        font-size: 7vw;
    }
    
    .app_start h2 {
        font-size: 5vw;
    }
        .ios_article {
        position: relative;
        margin-left: 50px;
        margin-top: 7vw;
        padding-bottom: 5vw;
        background: #f4f4f4;
    }
}