/*!
 * Based on Start Bootstrap - Grayscale v4.0.0-alpha (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 
* Modifications by Creative Jim 2021

 */

/*

Red rgba(236,29,39,1.0)
Green rgba(43,178,77,1.0)
Yellow rgba(248,239,34,1.0)

*/

@font-face {
  font-family: Lansbury;
  src: url("../fonts/Lansbury.ttf");
}

body {
     font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;
     position:relative;
     width:100%;
     height:100%;
     color:#fff;
     background-color:#000;
}

html {
    width:100%;height:100%
}

h1,h2,h3,h4 {
    font-family:Lansbury;
    font-weight:700;
    margin:0 0 35px;
    letter-spacing:2px;
    text-transform:;
}

H2 {
    font-size: 48px;
    color: rgba(248,239,34,1.0);
    margin-top: 20px;
}

H3 {
    font-size: 36px;
}

p {
    font-size:14px;
    line-height:1.5;
    margin:0 0 25px
}

@media (min-width:768px){ /* Desktop, Laptop, etc */
    p {
    font-size:16px;
    line-height:1.6;
    margin:0 0 35px
    }
}

a {
    -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    color: rgba(43,178,77,1.0);
}
a:focus,a:hover {
    text-decoration:none;
    color: rgba(43,178,77,1.0);
}

#mainNav {
    font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
    margin-bottom:0;
    text-transform:;
    border-bottom:1px solid rgba(43,178,77,1.0);
    background-color:#000}

#mainNav 
.navbar-toggler {
    font-size:14px;
    padding:11px;
    color: rgba(43,178,77,1.0);
    border:1px solid rgba(43,178,77,1.0);
    margin-top: 20px;
}

#mainNav 
.navbar-brand {
    font-weight:700;
    color: white;
}
#mainNav a {
    color: rgba(43,178,77,1.0);
    text-align: center;
}

#mainNav a:hover {
    color: rgba(43,178,77,0.5);
    text-align: center;
} 
#mainNav 
.navbar-nav .nav-item {
    -webkit-transition:background .3s ease-in-out;
    -moz-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out
}
#mainNav 
.navbar-nav .nav-item:hover {
    color:fade(white,80%);
    outline:0;
    background-color:transparent
}
#mainNav 
.navbar-nav .nav-item:active,#mainNav 
.navbar-nav .nav-item:focus {
    outline:0;
    background-color:transparent
}

@media (min-width:768px){
    #mainNav {
        padding:20px 0;
        -webkit-transition:background .25s ease-in-out,padding .25s ease-in-out;
        -moz-transition:background .25s ease-in-out,padding .25s ease-in-out;
        transition:background .25s ease-in-out,padding .25s ease-in-out;
        letter-spacing:1px;
        border-bottom:none;
        background:0 0
    }
    #mainNav.navbar-shrink {
        padding:10px 0;
        border-bottom:1px solid rgba(255,255,255,.3);
        background:#000
    }
    #mainNav .nav-link.active {
        outline:0;
        background-color:rgba(255,255,255,.3)
    }#mainNav .nav-link.active:hover{
        color:#fff
    }
}

.masthead {
    display:table;
    width:100%;
    height:auto;
    padding:100px 0;
    text-align:center;
    color:#fff;
    background:url("../images/captain-justyna-0048-16x9.jpg") no-repeat bottom center scroll;
    background-color:#000;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.masthead .intro-body {
    display:table-cell;
    vertical-align:middle
}

.masthead .intro-body .brand-heading {
    font-size:40px;
    color: white;
    text-shadow: 3px 3px 10px black;
}

.masthead .intro-body .intro-text {
    font-size:24px;
    text-shadow: 2px 2px 3px black;
}

@media (min-width:768px){
    .masthead {
        height:100%;
        padding:0
    }

.masthead .intro-body .brand-heading {
    font-size:100px
    }	
.masthead .intro-body .intro-text {
    font-size:36px
    }
}
.btn-circle {
    font-size:26px;
    width:50px;
    height:50px;
    margin-top:15px;
    padding:7px 0;-webkit-transition:background .3s ease-in-out;
    -moz-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
    color: rgba(43,178,77,1.0);
    border:2px solid rgba(43,178,77,1.0);
    border-radius:100%!important;
    background:0 0
}
.btn-circle:focus,.btn-circle:hover {
    color: rgba(43,178,77,1.0);
    outline:0;
    background:rgba(43,178,77,0.15);
}

.content-section {
    padding-top:100px
}

.silhouette-background {
    width:50%;
    padding:50px 0;
    color:#fff;
    background:url("../images/") no-repeat center center scroll;
    background-color:#000;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover}

.about-section {
    width:100%;
    padding:50px 0;
    color:#f00;
    background:url("../images/") no-repeat center center scroll;
    background-color:#000;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
#map {
    width:100%;
    height:200px;
    margin-top:100px}

@media (min-width:767px) {
    .content-section {
        padding-top: 250px;
    }
	 
.download-section {
    padding:100px 0
    }
    #map {
        height:350px;
        margin-top:250px
    }
}

.btn {
    font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:400;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    text-transform:uppercase;
    border-radius:0
}
.btn-default {
    color:rgba(255,0,0,0.3);
    border:1px solid rgba(255,255,255,1.0);
    background-color:transparent
}
.btn-default:focus,.btn-default:hover {
    color:#000;
    border:1px solid rgba(255,255,255,1.0);
    outline:0;
    background-color:rgba(255,255,255,0.5)
}
ul.banner-social-buttons {
    margin-top:0
}

@media (max-width:1199px){
    ul.banner-social-buttons {
        margin-top:15px
    }
}

@media (max-width:767px){
    ul.banner-social-buttons li {
        display:block;
        margin-bottom:20px;
        padding:0
    }
    ul.banner-social-buttons li:last-child {
        margin-bottom:0
    }
}
footer {
    padding: 50px 0;
}
footer p {
    font-size: 12px;
    margin:0
}
::-moz-selection {
    background:#fcfcfc;
    background:rgba(255,255,255,.2);
    text-shadow:none
}
::selection {
    background:#fcfcfc;
    background:rgba(255,255,255,.2);
    text-shadow:none
}
img::selection {
    background:0 0
}
img::-moz-selection {
    background:0 0
}
body {
    -webkit-tap-highlight-color:rgba(255,255,255,.2)
}