html {
position:relative;
overflow-x: hidden;
width: 100vw;
}

body {
font-family: "Nunito", sans-serif;
font-weight: 400;
font-style: normal;
width: 100vw;
padding: 0;
margin:0;
background-color: #fff;
font-size:16px;
line-height: 1.6;
color: #111111;
position: relative;
-ms-scroll-chaining: none;
    overscroll-behavior: none;
}

h1 {
font-family: "Roboto", sans-serif;   
font-weight: 900;
font-style: italic;
font-size: 55px;
margin: 0;
color: #111;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
}

h2 {
font-family: "Roboto", sans-serif;
}

h3 {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 1.4;

}

p {
font-size:16px;
line-height: 1.6;
}

p.small { font-size: 14px !important; line-height:1.5 }

a,
a:visited,
a:hover { color: #1e73be; }

::-moz-selection { background-color:#ff0025; color:#fff }

::selection { background-color:#ff0025; color:#fff }

/* COLORS */

.black { color: #111 !important; }
.bg-black { background-color: #111 !important; }
.white { color: #fff !important }
.bg-white { background-color: #fff !important; }

.red { color: #ff0025 !important; }
.bg-red { background-color: #ff0025 !important; }

.blue { color: #00285a !important; }
.bg-blue { background-color: #00285a !important; }

/* BUTTONS */

.btn {
display:inline-block;
border-radius: 4px;
padding: 12px 23px;
font-size: 16px;
line-height: 21px;
font-weight: 500;
white-space: normal;
border: none;
position: relative;
color:#fff !important;
background-color: #ff0025;
}

.btn-lg {
border-radius: 6px;
padding: 15px 30px;
font-size: 17px;
line-height: 23px;  
}

.btn img {
height: 23px;
vertical-align: middle;
}

.btn.bg-blue:hover {
background-color: #011a38 !important;
color: #fff !important
}

.btn:active, 
button:active,
.btn:focus, 
button:focus,
.btn:hover, 
button:hover{
background-color: #ebebeb;
outline:none !important;
-webkit-box-shadow: none !important;
        box-shadow: none !important;
}

/* GENERAL */

.header {
padding: 20px 0;
}

.logo {
display: block;
max-width: 100%;
display: block;
}

.intro {
position: relative;
background-image: url('bstreetzone-bg.jpg');
background-size: cover;
background-position: center 25%;
height: auto;
min-height: max( 750px, calc( 100vh - 160px));
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;
}

.intro::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,0)));
background: -o-linear-gradient(bottom,rgba(0,0,0,.3),rgba(0,0,0,0));
background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,0));
z-index: 1;
}

.intro .content {
max-width: 650px;
position: relative;
z-index: 10;
}

.footer {
font-size: 14px;
opacity: .7;
padding: 20px 0;
background-color: #fff;
}

.facebook {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
background-color: #ff0025;
color: #fff;
font-size: 25px;
text-align: center;
padding-top: 10px;
transition: all .2s;
}

.facebook:hover {
color: #fff;
transition: all .2s;
transform: scale(1.1);
}