html {
    scroll-behavior: auto !important;
    margin: 0;
}

body {
    overflow-x: hidden;
}

label {
	color: #fff !important;
}

.text-bg-primary {
	background: #F26A1B !important;
}

.border-primary {
	border-color: #F26A1B !important;
}

.tooltip{
    font-size: 1.5em;
    line-height: 1.25em;
    letter-spacing: -1px;
    font-weight: 700;
}

.row[role="content"] {
    color: #fff;
}

.row[role="content"] a {
    color: #fff;
}

h1 {
    font-weight: 900;
}

.bg-1 {
    background: #F26A1B;
}

.bg-2 {
    background: #F28705;    
}

.vw-100 {
    width: 100vw;
}

.vh-100 {
    height: 100vh;
}

.app-logo img {
    max-width: 256px;
}

.app-socials{
    position: fixed;
    left: 25px;
    top: 45vh;
}

@media (max-width: 600px) {
	
	.app-socials{
		position: fixed;
		left: 16px;
		top: auto !important;
		bottom: 60px !important;
	}
	
	.app-socials svg {
		width: 30px !important;
		height: 30px !important;
	}
	
}

.app-socials a {
    color: #fff;
    transition: all .5s;
}

.app-socials a:hover {
    transition: all .5s;
}

.app-navigation {
	position: relative;
	z-index: 1000;
}

.app-navigation a,
.app-bottom a {
    background: inherit;
    color: #fff;
    transition: all .5s;
    text-transform: uppercase;
    font-weight: 700;
}

.app-navigation a:hover,
.app-bottom a:hover {
    background: #F26A1B;
    color: #fff;
    transition: all .5s;
}

.app-navigation a:focus,
.app-bottom a:focus {
    background: #F26A1B;
    color: #fff;
    transition: all .5s;
}

p.intro {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
}

p.h1 {
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    font-size: 4em;
}

p.h1 span {
    color: #F2B705;
}

.btn {
    border: 0;
}

.btn-primary {
    background: #F26A1B !important;
}

.btn-primary:hover {
    background: #F2B705 !important;
}

@media(min-width:768px){

    .row[role=header] {
        height: 15vh;
    }

    .row[role=footer] {
        height: 15vh;
    }

    .app-logo{
        position: fixed;
        top: 25px;
        left: 25px;
    }

    .app-navigation {
        position: fixed;
        top: 25px;
        right: 25px;
    }

    .app-bottom {
        position: fixed;
        bottom: 25px;
        right: 25px;
    }
    
    .app-hero {
        position: relative;
        width: 400px;
        z-index: 1000;
        text-align: left;
        margin: 7.5em 0 0 10em;
    }

    .back-to-top {
        position: fixed;
        z-index: 10000;
        right: 25px;
        bottom: 75px;
        color: #fff;
    }

}

@media(max-width:767px){

    .app-logo{
        width: 100%;
        padding: 1em;
        text-align: center;
    }

    .app-hero {
        position: relative;
        text-align: center;
        margin: 4em 0 4em 0;
    }

    .app-image-qrcode {
        position: relative;
        text-align: center;
        margin: 4em 0 4em 0;
    }

    .back-to-top {
        position: fixed;
        z-index: 10000;
        right: 25px;
        bottom: 25px;
        color: #fff;
    }

}

.zoom {
    display: block;
    transform: scale(1);
    transition: transform .2s;
}

.zoom:hover {
    display: block;
    transform: scale(1.1);
    transition: transform .2s;
}

.landingpage-text {
	font-size: 300%;
	word-wrap: break-word;
}

.color-orange {
	color: #F26A1B !important;
}