.topImage       {width:100%; height:600px; background-size:cover; background-position:center; background-repeat:no-repeat;}

#start-slideshow            {width:100%; margin:0 auto;}
.flexslider                 {overflow:hidden; width:100%; margin:0 auto !important;}
.flexslider .slides li      {background-size:cover; background-position:center; height:auto !important; line-height:unset !important; padding-bottom:37.44%; overflow: visible !important; }
.flexslider .slides li a    {display:block; height:100%; width:100%; position:absolute;}

.PagePuffList{
    margin: 10px -10px;
    overflow: hidden;
}
.PagePuffList .puffitem{
    float: left;
    width: 33.3%;    
    text-align:center;
    margin-bottom:20px;
}
.PagePuffList .innerPuff{
    padding: 0px;
    margin: 10px;
}
.PagePuffList .innerPuff > a{
    display: block;
    text-decoration: none;
    color:#686767;
}
.PagePuffList .imageContainer
{
background-color:#ffffff; padding:10px;
}

.PagePuffList .image{
    width:100%; 
    padding-bottom:97%;    
    overflow: hidden;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    max-width:387px;
    margin:0 auto;
    background-color:#ffffff;    
}
.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: 1100px) {
	.PagePuffList .puffitem { width: 50%; }
}

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