/*
   CSS file for portrait images, Jan 2026
*/

.portrait
{
 display: block;
 height: 300px !important;
 width: auto;
} 

/*  MIDI - larger than 599px ///////////////////////////////////////////////// */
@media screen and (min-width: 599px)
{
   .portrait
   {     
    height: 280px !important;
    width: auto;
   }
}    

/*  MIDI larger one - larger than 669px ///////////////////////////////////////////////// */
@media screen and (min-width: 669px)
{    
   .portrait
   {
    display: block;
    height: 321px !important;
    width: auto;
   }
}      

/*  MIDI larger two - larger than 749px ///////////////////////////////////////////////// */
@media screen and (min-width: 749px)
{    
   .portrait
   {
    display: block;
    height: 359px !important;
    width: auto;
   }
} 

/* DESKTOP - larger than 850px /////////////////////////////////////////////// */ 
@media screen and (min-width: 850px)
{           
   .portrait
   {
    display: block;
    height: 330px !important;
    width: auto;
   }           
   .desktopportrait
   {
    display: block;
    height: 200px;
    width: auto;
   }     
   .desktoplandscape
   {
    display: block; 
    max-width: 100%;
    height: auto;
   }
}                 

/*  DESKTOP larger two - larger than 925px ///////////////////////////////////////////////// */
@media screen and (min-width: 925px)
{    
   .portrait
   {
    display: block;
    height: 362px !important;
    width: auto;
   }                  
   .desktopportrait
   {
    display: block;
    height: 230px;
    width: auto;
   }       
   .locportrait
   {
    display: block;
    height: 230px;
    width: auto;
   }
}     

/*  DESKTOP larger three - larger than 999px ///////////////////////////////////////////////// */
@media screen and (min-width: 999px)
{    
   .portrait
   {
    display: block;
    height: 400px !important;
    width: auto;
   }                  
   .desktopportrait
   {
    display: block;
    height: 260px;
    width: auto;
   }
   .locportrait
   {
    display: block;
    height: 260px;
    width: auto;
   }
}