.fondo-admin
{	
	background-image: url("https://eduformativa.cl/assets/images/fondo-inicio-nuevo.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;  
  height: 100vh;
  
}

.fondo-general
{	
	background-image: url("https://eduformativa.cl/assets/images/fondo-paginas-general.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;  
  height: 100vh;
  
}
.fondo-estudiante
{	
	background-image: url("https://eduformativa.cl/assets/images/fondo-estudiante.png");
  background-repeat: no-repeat;
	background-size: cover;
}
.color-fondo-demo
{
	background-color: #65d3c3;
}
.sombra-demo
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (min-width: 1081px) 
{
	.fondo-login-educa-emociones{
		background-image: url("https://eduformativa.cl/assets/images/fondo-educa-emociones.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
}
@media only screen and (max-width: 1080px) 
{
	.fondo-login-educa-emociones{
		background-image: url("https://eduformativa.cl/assets/images/fondo-educa-emociones-vertical.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;	
	}
}

@media only screen and (min-width: 1081px) 
{
	.fondo-admin{
		background-image: url("https://eduformativa.cl/assets/images/fondo-inicio-nuevo.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;  
    height: 100vh;
	}
}
@media only screen and (max-width: 1080px) 
{
	.fondo-admin{
		background-image: url("https://eduformativa.cl/assets/images/fondo-inicio-nuevo-vertical.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;  
    height: 100vh;
    transform: rotate(0);
	}
}



@media only screen and (min-width: 1081px) 
{
	.fondo-general{
		background-image: url("https://eduformativa.cl/assets/images/fondo-paginas-general.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;  
    height: 100vh;
	}
}
@media only screen and (max-width: 1080px) 
{
	.fondo-general{
		background-image: url("https://eduformativa.cl/assets/images/fondo-paginas-general-vertical.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;  
    height: 100vh;
	}
}

/*****************************************/
/* For Desktop View */
@media screen and (min-width: 1024px) {
  .ancho-card {
    width: 75%;
  }
}
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  .ancho-card {
    width: 75%;
  }
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  .ancho-card {
    width: 95%;
  }
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  .ancho-card {
    width: 75%;
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  .ancho-card {
    width: 95%;
  }
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .ancho-card {
    width: 95%;
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .ancho-card {
    width: 95%;
  }
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .ancho-card {
    width: 95%;
  }
}