html,body{
    margin:0;
    padding:0;
    width:100%;
    height: 100vh;
    font-family:"Montserrat";
}
h1{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-family:"Montserrat";
    color:#fff;
    letter-spacing:10px;
}
h4{
    color:#fff;
    font-weight:300 !important;
    font-size:3rem!important;
    letter-spacing:2px;
    text-align:left !important;
}
h4 > strong{
	font-weight:700 !important;
}
.text-slide{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-family:"Montserrat";
	color:#fff;
	width:60% !important;
}

/*
 *MENÚ FLOTANTE
 */
.menu-flotante {
	padding: 0px;
    width: 100px;
    right: 2%;
    display: block;
    z-index: 2;
    position: fixed;
    top: 50%;
    list-style: none;
	margin: 0;
	margin-top: -200px;
}
.menu-flotante li a {
    padding-top: 37%;
	width: 100px;
	height: 100px;
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: rgba(255,255,255,.5);
	font-weight: 600;
	transition: background-color .3s ease-in-out, color .3s ease-in-out ;
	font-family:"Montserrat";
}
.btn-medica {
  background-color: #5d24c1;
}
.btn-medica:hover{
	background-color: white;
	color:#5d24c1;
}
.btn-industrial {
	background-color: #00c853;
}
.btn-industrial:hover {
	background-color: white;
	color: #00c853;
}
.btn-educacion {
  background-color: #ff6d00;
}
.btn-educacion:hover {
	background-color: white;
	color: #ff6d00;
}
.btn-superior {
    background-color: #c41061;
}
.btn-superior:hover {
	background-color: white;
	color: #c41061;
}

/* H E A D E R */
.gradient{
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(84,84,84,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#545454', GradientType=0 );
	width:100%;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
}
.cabecera{
	/*background: rgba(0,0,0,1);
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(84,84,84,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#545454', GradientType=0 );
	height:150px;*/
	margin-top:50px;
}
.nav-item a{
	color:rgba(255,255,255,.7);
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Montserrat";
}
.nav-item a:hover{
	color:#fff;
}
.navbar-toggler .icon-bar {
    width: 30px;
    border-radius: 0;
    background: #fff;
    height: 4px;
    display: block;
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler:focus{
	border:0;
	outline:0;
}

/* C A R O U S E L */
.owl-carousel .item h4{
    text-align:center;
}

/* F O O T E R */
footer{
	width: 100%;
    position: absolute;
    bottom: 0;
    padding-bottom:20px;
}
footer p{
	font-family:"Montserrat";
	font-size:12px;
    text-align: center;
    color: rgba(255,255,255,.7);
    letter-spacing:3px;
    text-transform:uppercase;
}


/* M O B I L E */
@media(max-width:767px){

	/*M E N Ú  F L O T A N T E*/
	.menu-flotante {
	    width: 100%;
	    right: 0;
	    top: initial;
		bottom:0;
		margin-top: 0;
	}
	.menu-flotante li{
		width: 50%;
		float:left;
	}
	.menu-flotante li a {
		width: 100%;
		height: 40px;
		padding: 0;
    	line-height: 40px;
		font-weight: 600;
	}
	
	/*S L I D E R*/
	.text-slide{
	width:90% !important;
}
	.text-slide h4{
		font-size:1.5em !important;
	}
	footer{display:none !important;}
	.cabecera{
		margin-top:20px;
	}
	.img-fluid {
    max-width: 60% !important;
    height: auto;
}
}