/*GALLERY
.galleria{width: 500px; height: 350px; background: #000;}*/
.galleria{width: 100%; max-width: 800px; height: auto; min-height: 470px; top: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; background: transparent; overflow: hidden;}
/*body .galleria-container, body .galleria-stage{width: 98%; margin-left: -2px; height: inherit; padding: 0px; background-position: top;}
.galleria img{top: 0 !important; border-style: solid; border-width: 1px; border-color: #FFFFFF;}/*align image to top so not affected by height - images must be same size 
body .galleria-container{background:none;}
body .galleria-container, body .galleria-stage{background:none;}
body .galleria-container, body .galleria-stage{background:transparent;}*/


/* MEDIA QUERIES */



@media only screen and (max-width: 870px)
{
      /*gallery*/
  .galleria{min-height: 450px; padding-left: 0px;}
}

@media only screen and (max-width: 820px)
{
      /*gallery*/
  .galleria{min-height: 430px; padding-left: 0px;}
}



@media only screen and (max-width: 770px)
{
  /*gallery*/
  .galleria{min-height: 410px;}
}

@media only screen and (max-width: 740px)
{
  /*gallery*/
  .galleria{min-height: 390px;}
}

@media only screen and (max-width: 710px)
{
  /*gallery*/
  .galleria{min-height: 375px;}
}

@media only screen and (max-width: 650px)
{
  /*gallery*/
  .galleria{min-height: 360px;}
}


@media only screen and (max-width: 620px)
{
  /*gallery*/
  .galleria{min-height: 330px;}
}



@media only screen and (max-width: 550px)
{
  /*gallery*/
  .galleria{min-height: 300px;}
}

@media only screen and (max-width: 450px)
{
    /*gallery*/
  .galleria{min-height: 260px;}
}


@media only screen and (max-width: 410px)
{
    /*gallery*/
  .galleria{min-height: 250px;}
}

@media only screen and (max-width: 380px)
{
  /*gallery*/
  .galleria{min-height: 240px;}
}


@media only screen and (max-width: 360px)
{
  /*gallery*/
  .galleria{min-height: 215px;}
}

@media only screen and (max-width: 340px)
{
  /*gallery*/
  .galleria{min-height: 200px;}
}

@media only screen and (max-width: 320px)
{
  /*gallery*/
  .galleria{min-height: 195px;}
}

@media only screen and (max-width: 300px)
{
  /*gallery*/
  .galleria{min-height: 190px;}
}

@media only screen and (max-width: 280px)
{
  /*gallery*/
  .galleria{min-height: 190px;}
}

@media only screen and (max-width: 260px)
{
  /*gallery*/
  .galleria{min-height: 180px;}
}

@media only screen and (max-width: 240px)
{
  /*gallery*/
  .galleria{min-height: 150px;}
}