/*BREAKPOINTS*/

  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .mobile{
    display: block!important;
  }

  .computer{
    display: none!important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .mobile{
    display: block!important;
  }
  .computer{
    display: none!important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-device-width : 1024px) and (orientation : landscape){
  .mobile{
    display: block!important;
  }
  .computer{
    display: none!important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1025px) {
  .computer{
    display: block!important;
  }
  .mobile{
    display: none!important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .computer{
    display: block!important;
  }
  .mobile{
    display: none!important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1370px) {
  .computer{
    display: block!important;
  }
  .mobile{
    display: none!important;
  }
}

/* Ipad (landscape) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

  .computer{
    display: none!important;
  }
  .mobile{
    display: block!important;
  }
}

/* Ipad pro (landscape) */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {

  .computer{
    display: none!important;
  }
  .mobile{
    display: block!important;
  }
}


/*STYLE*/


.imagen{
 background-image: url("https://archivos.fnartes.gob.ar/cms/resources/plantilla.png");
 background-size: cover;
 background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
}
a{
	color: #505050!important;
}

.ui.grid {
    min-height: 100%;
}

.logo-fnartes{
	filter: brightness(1) invert(0);
	margin-bottom: 10%;
}

.ui.grid>.row>[class*="middle aligned"].column, .ui.grid>[class*="middle aligned"].column:not(.row), .ui.grid>[class*="middle aligned"].row>.column, .ui[class*="middle aligned"].grid>.column:not(.row), .ui[class*="middle aligned"].grid>.row>.column {
	flex-direction:row!important;
}