.spectacle-pp{
    display: inline-block;
    vertical-align: top;
    margin: 0 1.2em 3em 0;
    width: 31%;
    border-bottom: 1px solid #000000;
}

.spectacle-pp a{
    display: inline-block;
    width: 100%;
    color: #000000;
}

.spectacle-pp img{
    width: 70%;
}

.spectacle-pp a:hover, .spectacle-pp a:focus, .spectacle-pp a:active {
    text-decoration: inherit;
    color: #000000;
}

.spectacle-pp:hover  , .spectacle-pp:focus, .spectacle-pp:active  {
    border-bottom: 1px solid #FF8F00;
}

.spectacle-pp a:hover p , .spectacle-pp a:focus p, .spectacle-pp a:active p  {
    color: #ff8f00;
}


.spectacle-pp .caption-spec p{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.4em;
    margin: 0.5em 0 1em;
    letter-spacing: 1px;
    white-space: pre-line;
    color: #000000;
}

@media screen and (min-width: 1170px) {
    /*.spectacle-pp:nth-child(3n){*/
        /*margin: 0 0 3em 0;*/
    /*}*/
}

@media screen and (max-width: 1169px) {
    /*.spectacle-pp{*/
        /*width: 47%;*/
    /*}*/

    .spectacle-pp{
        margin: 0 0.9em 3em 0;
    }

    /*.spectacle-pp:nth-child(2n){*/
        /*margin: 0 0 3em 0;*/
    /*}*/
}

@media screen and (max-width: 767px) {
    .spectacle-pp{
        width: 47%;
    }

    .spectacle-pp:nth-child(4n), .spectacle-pp:nth-child(3n){
        margin: 0 1.2em 3em 0;
    }

    .spectacle-pp:nth-child(2n){
        margin: 0 0 3em 0;
    }

    .spectacle-pp .caption-spec p{
        font-size: 1.1em;
    }
}