body{font:1em/1.5 Open Sans,sans-serif;color:#373737;background:#eaeaea}h1,h2,h3{text-transform:uppercase}.container{box-sizing:border-box;width:94.02985075%;max-width:1260px;background:#fff;margin:auto}.main-header{text-align:center;padding:2.3em 0}.photo{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d}.photo:hover{transform:rotateY(180deg)}.back-side,.front-side{position:absolute;width:100%;height:100%;backface-visibility:hidden}.back-side{transform:rotateY(180deg);background-color:#133463;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.photo-desc{text-align:center}.photo-desc-header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:10px}.photo-desc-header h3{margin:0;text-align:center}.photo-desc-header .details{display:flex;justify-content:space-between;width:100%}.photo-desc p{margin-bottom:20px}.button{text-decoration:none;display:block;width:75%;border:4px solid #2980b9;text-align:center;padding:20px 0;margin:.6em 0;border-radius:.7em;text-transform:uppercase;color:#fff;font-weight:700;transition:background .6s ease-out,border-color .4s ease-in-out}.button:hover{background:#045aaf;border-color:#266fc6}@media (min-width:0) and (max-width:768px){.container{padding:0 1.225em 2.5em}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 2.25em 3em}.photo-container{width:100%;float:left;margin-left:2%}}@media (min-width:1025px){.photo-container{width:100%;float:left;margin-left:2%}}