/*------------------------------------------------------------------------------------------
 Name: public.css
 Created by Jerry Tran on 9/9/2015 in Montreal.
 Purpose: Styles for public audiences.

 Prefixer:
 http://pleeease.io/play/
------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------
ZOOM THUMBNAILS
------------------------------------------------------------------------------------------*/
.zoom-thumb-wrapper
   {
   overflow: hidden; 
   }

.zoom-thumb
   {
   background-size: cover;
   background-repeat: no-repeat;
   transition: all 0.3s ease-in-out;
   }

.zoom-thumb:hover, .zoom-thumb:focus
   {
   transform: scale(1.1);
   }







/*------------------------------------------------------------------------------------------
 MEDIA SIZING: X-SMALL (DEFAULT)
------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------
 MEDIA SIZING: SMALL, TABLET 
------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 576px)
{ 
}


/*------------------------------------------------------------------------------------------
 MEDIA SIZING: MD, SMALL DESKTOP 
------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px)
{ 
}


/*------------------------------------------------------------------------------------------
 MEDIA SIZING: LG, LARGE DESKTOP 
------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px)
{      
}


/*------------------------------------------------------------------------------------------
 MEDIA SIZING: XLG, LARGE DESKTOP 
------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px)
{
}