/* baloo-tamma-2-500 - latin */
@font-face {
    font-family: 'Baloo Tamma 2';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/baloo-tamma-2-v15-latin/baloo-tamma-2-v15-latin-500.svg#BalooTamma2') format('svg'); /* Legacy iOS */
}

html {
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Baloo Tamma 2',sans-serif;
}

.container-fluid {
    position: relative;
    width: 100%;
    height: 100vh;
    scroll-behavior: smooth;
    overflow: auto;
    scroll-snap-type: y mandatory;

}
.section {
    width: 100%;
    height: 100vh;
    background-size:  cover;
    scroll-snap-align: start;
    position: relative;
}

.section .down {
    position: absolute;
    bottom: 30px;
}

.section .down a {
    display: block;
    width: 100%;
    text-align: center;
    color: #aaaaaa;
    text-decoration: none;
}

.section .down img,.section .up img {
    width: 100px;
}


.section .up {
    position: absolute;
    top: 30px;
}


.page-1 {
    background-color: #000000;
    position: relative;
}

.page-1 h1 {
    font-size: 4em;
    color: #ffffff;
    position: absolute;
    top: 45vh;
}

.green {
    color: #809a19
}

.page-2 {
    background-color: #586b12;
}

.page-2 .row {
    height: 100%;
}

.page-2 video {
    width: 80%;
    max-height: 100vh;
}


.page-3 {
    background-color: #ffffff;
    position: relative;
    box-shadow: 0 0 15em rgb(136, 136, 136) inset;
    text-align: center;
}

.page-3 .row {
height: 100%
}


.page-3 .col {
    height: 100%;

}


.page-3 p {
    font-size: 1.3em;
    line-height: 1.5em;
    text-align: justify;
    text-justify: distribute-center-last;
}

.page-3 p a {
    display: block;
    text-align: center;
    color: #809a19;
    text-decoration: none;
}

.page-3 p a:hover {
    text-decoration: underline;
}




.animate {
    animation-duration: 1.5s;
    animation-name: animate-fade;
    animation-delay: 0.5s;
    animation-fill-mode: backwards;
}

@keyframes animate-fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.clignote  {
    animation-duration: 2.5s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
}
@keyframes clignoter {
    0%   { opacity:1; }
    40%   {opacity:0; }
    100% { opacity:1; }
}