.langingpage {
    z-index: 1;
    position: relative;
}

body {
    position: relative;
    /*height: auto;*/
    min-height: 100vh;
}

body.no-scroll {
    overflow: hidden;
}

/*.main {
    background-color: #ffffff;
    height: auto;
}

.title h1, .title h2, .title h3 {
    color: #333333;
}*/

.main {
    height: auto;
    min-height: 100vh;
}

.middle {
    margin-top: 50px;
}

.title {
    float: none;
}

.title h1 {
    text-shadow: 2px 2px #000000;
    color: #ffffff;
    font-size: 50px;
}

/*.logo-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(150deg, #3466cc 15%, #5ec7ff 70%, #a6ffcb 94%);
    -webkit-transform: skewY(15deg);
    transform: skew(15deg);
    overflow: hidden;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: 0;
}

.logo-bg span {
    position: absolute;
}

.logo-bg span:first-child {
    background-color: #3466cc;
    left: 0;
    right: 0;
    height: 75%;
    max-width: 50%;
    margin: 0 auto;
}

.logo-bg span:nth-child(2) {
    bottom: 0;
    left: 0;
    height: 25%;
    right: 0;
    max-width: 50%;
    background-color: #ffffff;
    margin: 0 auto;
}*/

.wrapper {
    max-width: 100vw;
    overflow-x: hidden;
    padding: 15px 15px 0 15px;
}

.logo-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(150deg, #5ec7ff 15%, #4b9eea 70%);
    -webkit-transform: skewY(15deg);
    transform: skew(15deg);
    overflow: hidden;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: 0;
}

.logo-bg span {
    position: absolute;
    background: linear-gradient(150deg, #5ec7ff 15%, #4b9eea 70%);
    width: 10%;
}

.logo-bg span:first-child {
    left: 0;
    right: 0;
    width: 50%;
    height: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    background-image: none;
}

.logo-bg span:nth-child(2) {
    left: 10%;
    top: 20%;
    height: 30%;
}

.logo-bg span:nth-child(3) {
    right: 0;
    bottom: 20%;
    height: 40%;
}

.logo-bg span:nth-child(4) {
    right: 10%;
    bottom: 0%;
    height: 30%;
}

.highlight-text {
    font-weight: bold;
    font-size: 1.5em;
}

.appimag {
    margin-bottom: 10px;
}

.slidebar-stripes {
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    bottom: 0;
    /*background: linear-gradient(150deg, #5ec7ff 15%, #4b9eea 70%);*/
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
    z-index: -1;
}

.slidebar-stripes span {
    position: absolute;
    /*background: linear-gradient(150deg, #5ec7ff 15%, #4b9eea 70%);*/
    width: 20%;
}

.slidebar-stripes span:first-child {
    left: 10%;
    bottom: 30%;
    height: 35%;
}

.slidebar-stripes span:nth-child(2) {
    left: -10%;
    bottom: 0%;
    height: 30%;
}

.slidebar-stripes span:nth-child(3) {
    right: 10%;
    bottom: 0%;
    height: 40%;
}

.sidebar-menu {
    padding: 0 0 10px 0;
    position: absolute;
    right: 0;
    top: 20px;
}

.slidebar-menu {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sidebar-menu-btn, .sidebar-menu-btn-close {
    /*-webkit-box-shadow: 0 0 0 2px #5ec7ff;
    -moz-box-shadow: 0 0 0 2px #5ec7ff;
    box-shadow: 0 0 0 2px #5ec7ff;*/
    border: 0;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    color: #000000;
}

.sidebar-navigation {
    background-color: #75aadc;
    width: 90vw;
    max-width: 300px;
    border-left: 2px solid #5bc0de;
}

.sidebar-menu-btn-close {
    /*background-color: rgba(0,0,0,0.5);
    color: #ffffff;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.slidebar-navmenu {
    font-family: 'nimbus_sans_lregular';
}

.slidebar-navmenu li > a {
    display: block;
    padding: 15px;
    color: #333333;
    font-size: 18px;
/*    margin-bottom: 20px;*/
    position: relative;
    text-decoration: none;
    border-bottom: 2px solid #333333;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    transition: border-color .25s ease;
    z-index: 0;
}

.slidebar-navmenu li > a:hover {
    border-color: #ffffff;
}

/*.slidebar-navmenu li > a::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(150deg, #5ec7ff 15%, #4b9eea 70%);
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    transition: width 0.25s ease;
    z-index: -1;
}*/

.slidebar-navmenu li > a:hover::after {
    width: 40%;
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.social-links {
    position: relative;
    padding: 10px;
    width: 320px;
    max-width: 100%;
    margin: 0 auto;
    z-index: 0;
}

.social-links::after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    -webkit-transform: skewY(15deg);
    transform: skew(15deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.footer li {
    display: inline-block;
    margin-right: 10px;
}

.footer li:last-child {
    margin-right: 0;
}

.footer li a {
    display: block;
    -webkit-transition: color ease .25s;
    -moz-transition: color ease .25s;
    transition: color ease .25s;
    font-size: 30px;
}

.footer li a.link-facebook {
    color: #4867a9
}

.footer li a.link-twitter {
    color: #4ba1f2
}

.footer li a.link-instagram i {
    color: #d71e4d;
    background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer li a.link-linkedin {
    color: #387bb5
}

.footer li a.link-youtube {
    color: #e62201
}

@media (min-width: 600px) {
    .footer li a {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .logo-bg {
        width: 150%;
        left: -20%;
    }
}