body,html{width:100%;height:100%}
body{}
a{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
/*a:hover{color: green}
.text-faded{color:rgba(255,255,255,.7)}
::-moz-selection{color:#fff;background:#212529;text-shadow:none}
::selection{color:#fff;background:#212529;text-shadow:none}
img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}*/
#mainNav{
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 20px 10%;	
}
#mainNav .navbar-brand {
	font-weight: 400;
	text-transform: uppercase;
	color: #565656;
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#565656}
/* RESPONSIVE - VINCULO */
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
	color: #827A77;
	font-size: 15px;	
	letter-spacing: 2px;
	transition: all ease-in-out .3s;
	margin-top: 10px;
}
/* RESPONSIVE - VINCULO EN HOVER, LETRA BLANCA */
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
	color: #F4A386;
}
/* VINCULO ACTIVO, DONDE ESTA EL USUARIO EN ESE MOMENTO */
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
	color: #565656!important;
	background-color: transparent
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
@media (min-width:992px){
	#mainNav{border-color:transparent;background-color:transparent}
	#mainNav .navbar-brand{color: #565656}
	#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color: #565656}
	#mainNav .navbar-nav>li.nav-item>a.nav-link{padding: .5rem 1rem;color: yellow;}	
	/* COLOR DEL VINCULO ANTES Q SCROLLEE */
	#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color: #565656}
	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#F4A386}
	#mainNav.navbar-shrink{border-bottom:1px solid #FFFFFF;background-color:#fff}
	/* COLOR LOGO AL PASAR AL MENU 2 */
	#mainNav.navbar-shrink .navbar-brand{color:#565656}
	#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color: #565656}
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#565656}
	/* VINCULO EN HOVER, LETRA BLANCA */
	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#F4A386}
}
	header.masthead{
	padding-top: 10rem;
	padding-bottom: calc(10rem - 56px);	
}
@media (min-width:768px){}
@media (min-width:682px){
	header.masthead{height:500px;/*min-height:650px;*/padding-top:0;padding-bottom:0}
}
@media (min-width:1200px){}
@media (min-width:768px){}