﻿
#galleryNavigationBar
{

    height:0px;
    margin:0px;
    padding:0px;
    border:0px;
    flex:2 1 100%;

    }

.whiteSectionGallery
{
    background-image: url('../Pix/backgroundGallery2.png');
    background-repeat:repeat;
    padding-top: 35px;
    padding-bottom: 40px;
    }

.whiteSectionGallery .applicationPanel 
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;

}



.whiteSectionGallery article
{
    
    width:360px;
    display:flex;
    flex-direction:column;
    padding:0px;
    margin-bottom:1.0em;
    margin-right: 10px;
    border:0px;
}

@media (max-width: 960px) {
    .whiteSectionGallery article {
        width: 260px;
    }
}

.whiteSectionGallery article.details {
   
    width: 830px;
}

@media (max-width: 960px) {
    .whiteSectionGallery article.details {
        width: 100%;
        
    }
}

.whiteSectionGallery article img {
    
    width: 360px;
    height: 270px;
}

@media (max-width: 960px) {
    .whiteSectionGallery article img {
        width: 260px;
        height: 195px;
    }
}

.whiteSectionGallery  article.details figure, .whiteSectionGallery  article.details img {
    width: 100%;
    
    height: auto;

  
}



.whiteSectionGallery article img, article p
{
    margin:0px;

    }
    
 .whiteSectionGallery article p
 {
        background: rgba(226, 191, 214, 1.0);
        padding:10px;
        padding-top:7px;
        min-height:8em;

     }  
     
      .whiteSectionGallery p
 {

        margin-bottom:1.2em;


     }    