#content-inner {margin:0px auto;width:1020px; background-color: #FFF;}

#page { background-image: url("images/begksbg.jpg"); background-repeat: no-repeat; background-position: center top; background-color: #000000;}

#container {
    text-align:center;
    margin: 5px;
}
	
.wrap{
    display:inline-block;
    position:relative;
    cursor:pointer;
}
.wrap p{
    position:absolute;
    opacity:0;
    top:90%;
    left:-12.25%;
    padding:5px;
    text-align:center;
    width:121.5%;
    font-size:20px;
    line-height:20px;
    margin-top:-10px;
    z-index:3;
    background:rgba(255,255,255, 0.7);
    transition:.26s;
font-family:Impact;
}

.wrap img {
    display:block;
    width:320px;
    height:250px;
    margin:5px;
    -webkit-transition:opacity 0.26s ease-out;
    -moz-transition:opacity 0.26s ease-out;
    -ms-transition:opacity 0.26s ease-out;
    -o-transition:opacity 0.26s ease-out;
    transition:opacity 0.26s ease-out;
    transition:500ms;
}
#container:hover img {
    opacity:0.5;
}
#container:hover .wrap:hover img {
    opacity:1;
    -webkit-transform: scale(1.28);
    -moz-transform: scale(1.28);
    -ms-transform: scale(1.28);
    -o-transform: scale(1.28);
    transform: scale(1.28);
    z-index:2;
    position:relative;
    transition:.26s;
}
.wrap:hover p {
    opacity :1;
}


@media screen and (max-width:500px) {
    #container img {
        width:200px;
        height:133px;
    }

@font-face { font-family: 'FrizQuadrata'; /*a name to be used later*/
    src: url('/FrizQuadrataRegular.ttf'); /*URL to font*/
}