/*=============================
CLASES ESPECIALES
==============================*/
body {
    font-family: 'Anton', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Fjalla One', sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
}

/*=============================
NAV
==============================*/
#mainNav.navbar-shrink {
    border-color: rgba(34,34,34,.1);
    background-color: transparent!important;
}
a.navbar-brand.js-scroll-trigger.brand-wrapper {
    position: absolute;
    top: 25px;
    left: 0;
    background: white;
    padding: 5px 10px;
    height: 90px;
    max-width: 200px;
    border-radius: 0 0 30px 0;
}	
	.img-brand {
	    width: 100%;
	    height: 95%;
	    position: relative;
	    float: left;
	    padding: 2.5% 0;
	}

div#navbarResponsive{
	position: absolute;
    top: 25px;
    right: 0;
}
	ul.navbar-nav.ml-auto {
	    position: relative;
	    float: left;
	    /* right: 0; */
	    width: 150px;
	    height: auto;
	    display: block;
	    background-color: white;
	    border-radius: 0 0 0 40px;
	    padding: 15px;
	}
		li.nav-item {
		    display: list-item;
		    width: 100%;
		    position: relative;
		    float: left;
		    height: 15%;
		}
			#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus{
				color: rgb(254, 0, 2);
			    font-family: 'Fjalla One', sans-serif;
			    text-align: center;
			    font-size: 1rem;
			}
				#mainNav .navbar-nav>li>a:focus:hover, #mainNav .navbar-nav>li>a:hover {
			    color: #404041;
			}
			
/* ______________ Menu redes _____________ */
ul.menu-redes-wrapper {
    position: absolute;
    top: 190px;
    list-style: none;
    width: 150px;
    -webkit-padding-start: 0px;
}
    li.menu-redes-item {
        position: relative;
        float: left;
        display: inline;
        width: 45%;
        padding: 0;
    }
    li.menu-redes-item > a {
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 10px;
        transition: all .3s;
    }
    li.menu-redes-item > a:hover{border-bottom: solid 5px white;}
    li.menu-redes-item > a > img {
        width: 40px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
/*=============================
HEADER
==============================*/
header.masthead{
	
}
	.wrapper-header {
	    background-color: rgba(255, 255, 255, .3);
	}

/*============================
SECCION PROMO
=============================*/
.bg-primary{
	background: #ffd32f;
    background: -webkit-linear-gradient(#ec1c24,#00aa5b);
    background:linear-gradient(#ec1c24,#00aa5b);
}
	.promo-title{
	    color: white;
	    letter-spacing: 2px;
	    font-size: 40px!important;
	    text-transform: uppercase;
	    padding: 10%;
	    border-top: solid 7px white;
	    border-bottom: solid 7px white;
	}
		.promo-title > span {
		    display: block;
    		font-size: 70px;
		}
	.promo-content{
	    font-family: 'Fjalla One', sans-serif;
	    font-size: 25px;
	    letter-spacing: 2px;
	    color: #ffffff;
	}
section.download {
    position: relative;
    padding: 0;
}
/*=============================
SECCION INFO - DATOS
===============================*/
section.features .section-heading .h2-contacto{
	color: #fe0002;
    letter-spacing: 2px;
    padding-bottom: 15px;
    border-bottom: solid;
    width: auto;
    display: block;
    max-width: 350px;
    margin: 0 auto;
}

section.features .feature-item {
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}
	section.features .feature-item i{
		color: grey !important;
	    font-size: 80px;
	    display: block;
	    margin-bottom: 15px;
	    background: -webkit-linear-gradient(to left,#7b4397,#dc2430);
	    background: linear-gradient(to left,#fe0002,#dc2430);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
.link-info{color: #6c757d!important;font-family: 'Fjalla One', sans-serif;}


/*=============================
BASES Y CONDICIONES
==============================*/
section.cta{
	background-image: url(http://granlibertador.com.ar/2018/img/fondo-ferrari.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom center;
	background-repeat: no-repeat;
}

/*============================
FOOTER - COPYRIGHT
=============================*/
footer p {
    font-size: 15px;
    margin: 0;
    font-family: 'Fjalla One', sans-serif;
}



/*=============================
MEDIA QUERIES
==============================*/

@media (max-width: 570px){
	/* NAV */
	nav#mainNav {
	    height: 0;
	    padding: 0;
	    margin: 0;
	}
	#mainNav .navbar-toggler {
	    font-size: 2rem;
	    padding: 8px 10px;
	    color: #fe0002;
	    width: 150px;
	}
		ul.navbar-nav.ml-auto{
			top: 24px;
		}
	button.navbar-toggler,button.navbar-toggler.navbar-toggler-right.collapsed {
	    position: absolute;
	    top: 25px;
	    right: 0;
	    background-color: white;
	    border: none;
	    width: 100px;
	    border-radius: 0 0 0 20px;
	    min-height: 86px;
	}
		button.navbar-toggler.navbar-toggler-right{
		    top: 0;		    
		}


	/* HEADER */
	header.masthead{
		padding-top: 0;
    	padding-bottom: 0px;
	}
	h1.mb-5 {
	    padding: 150px 0 50px 0;
	    position: relative;
	    float: left;
	    margin: 0;
	}
		.img-acelera{
			width: 90%;
		    max-width: 100%;
		    margin: 0 5%;
		    display: block;
		}
}