.topImage       {width:100%; height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.flexslider.control-nav {
    aspect-ratio: 3.84;
}
.flexslider .slides {    
    aspect-ratio:3.84;
}
.flexslider .slides li      {height:auto !important; line-height:unset !important; padding-bottom:26%; }


.PagePuffList{
    margin: 10px -10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.PagePuffList .puffitem{
    display:inline-block;
    width: 33.3%;    
    text-align:center;
    margin-bottom:20px;
    max-width:387px;
    margin-left:auto; 
    margin-right:auto;
}
.PagePuffList .innerPuff{
    padding: 0px;
    margin: 10px;
}
.PagePuffList .innerPuff > a{
    display: block;
    text-decoration: none;
    color:#686767;
}
.PagePuffList .image{
    width:100%; 
    padding-bottom:70%;    
    overflow: hidden;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;    
    margin:0 auto;
    aspect-ratio:1.4;
}
.PagePuffList .image img{
    width: 100%;
}
.PagePuffList .rubText{    
    margin: 10px 0;
    text-transform:uppercase;
    font-size:19px;
    font-weight:700;
    color:#2d2d2d;
}

@media screen and (max-width: 1024px) {
	.PagePuffList .puffitem { width: 50%; }
}

@media screen and (max-width: 600px) {
	.PagePuffList .puffitem { width: 100%; height: auto !important; }
}