/**----------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 1400PX - DESKTOP FULL HD
-----------------------------------------------------**/

@media only screen and (max-width: 1400px) {
    
}


/**---------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 1200PX - DESKTOP HD
----------------------------------------------------**/

@media only screen and (max-width: 1200px) {
    
   
}


/**--------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 1000PX - NORMAL DESKTOP
---------------------------------------------------**/

@media only screen and (max-width: 1000px) {
   
   
	
}


/**-------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 750PX - TABLET
--------------------------------------------------**/

@media only screen and (max-width: 750px) {
      .cover-image h1 {
	font-size: 3em; 
	text-align: center;
	padding-top:100px
	}
.cover-image {
  background-position: 50% 35%;
  background-size: 100%;
}
.bienvenido {
display: none;
}
.envatologo {
	position: fixed;
    top: 65%;
    left: 51%;
    width: 80%;
    z-index: 1;
}
.menu li {
	font-size:19px;
	display: inline;
    margin: -8px 40px -8px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 100px;
	
}

.menu img {
	display:none;
	}

.navigation {
	
	z-index: 999;
	top: 180px;
}

.navigation li {
    color: #FFFFFF;
    display: block;
    padding: 0 30px;
    line-height: 10px;
    margin-bottom: 15px;

}

.navigation li:hover,
.active {
    font-size: 25px;
    cursor: pointer;
    width: 200px!important;

}
.footer {
	width:90%;
    bottom: 30px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;
    
}
.footerbienvenido {
	width:90%;
    bottom: 70px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;

}

.mapa{
	display:none;
	}
}

/**------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 500PX - PHABLET
-------------------------------------------------**/

@media only screen and (max-width: 500px) {
      .cover-image h1 {
	font-size: 2em; 
	text-align: center;
	padding-top:120px
	}
    .cover-image {
  background-position: 50% 35%;
  background-size: 100%;
}
.bienvenido {
display: none;
}
.envatologo {
	position: fixed;
    top: 84%;
    left: 96%;
    width: 100%;
    margin-top: -280px;
	
    margin-left: -300px;
    z-index: 1;
}
.menu li {
	font-size:19px;
	display: block;
    margin: -5px 10px -5px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 200px;
	
}

.menu img {
	display:none;
	}

.navigation {
	
	z-index: 999;
	top: 180px;
}

.navigation li {
    color: #FFFFFF;
    display: block;
    padding: 0 30px;
    line-height: 10px;
    margin-bottom: 15px;

}

.navigation li:hover,
.active {
    font-size: 25px;
    cursor: pointer;
    width: 200px!important;

}
.footer {
	width:90%;
    bottom: 30px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;
    
}
.footerbienvenido {
	width:90%;
    bottom: 70px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;

}

.mapa{
	display:none;
	}
}


/**------------------------------------------------
    @MEDIA SCREEN MAX-WIDTH 400PX - MOBILE
-------------------------------------------------**/

@media only screen and (max-width: 400px) {
    .cover-image h1 {
	font-size: 2em; 
	text-align: center;
	padding-top:120px
	}
	.cover-image {
  background-position: 50% 42%; 
  background-size: 100%;
}
.cover-image {
  background-position: 50% 35%;
  background-size: 100%;
}
.bienvenido {
display: none;
}
.envatologo {
	position: fixed;
    top: 84%;
    left: 96%;
    width: 100%;
    margin-top: -280px;
	
    margin-left: -300px;
    z-index: 1;
}
.menu li {
	font-size:19px;
	display: block;
    margin: -5px 10px -5px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 200px;
	
}

.menu img {
	display:none;
	}

.navigation {
	
	z-index: 999;
	top: 180px;
}

.navigation li {
    color: #FFFFFF;
    display: block;
    padding: 0 30px;
    line-height: 10px;
    margin-bottom: 15px;

}

.navigation li:hover,
.active {
    font-size: 25px;
    cursor: pointer;
    width: 200px!important;

}
.footer {
	width:90%;
    bottom: 30px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;
    
}
.footerbienvenido {
	width:90%;
    bottom: 70px;
    font-size: 11px;
	margin: 0px 10px 0px 15px;

}

.mapa{
	display:none;
	}
}