Layers of a Leader - Jumping Jack Productions

/* ----------------------------------------- */ /* Content Template: portfolio-content-template - start */ /* ----------------------------------------- */ header.entry-header, img.archive-img.wp-post-image{ display: none; } .entry-content { margin: 0 !important; } #page-entry-content:before { width: 0 !important; } #page-entry-content { max-width: 100% !important; } [class*='col-'] { padding-right: 0 !important; } #port-header { background-size: cover; background-position: center center; width: 100%; max-height: 400px; } #port-header .jjp-overlay { display: block; width: 100%; height: 100%; padding: 150px 50px;; background-color: rgba(0,0,0,0.5); max-height: 400px; } #port-header .jjp-overlay h1 { text-align: center; font-size: 50px; line-height: 50px; font-family: "Montserrat"; font-weight: 900; text-transform: uppercase; color: #fff; text-shadow: 4px 4px 0px rgba(0,0,0,0.75); } #port-header .jjp-overlay h2 { text-align: center; font-size: 20px; line-height: 20px; font-family: "Montserrat"; color: #fff; } #port-data { padding: 40px 0; } #port-data .port-desc { text-align: left; } .shared-counts-wrap { max-width: 1400px; margin: 20px auto; } .port-folio { padding: 20px 30px; background-color: #efefef; display: flex; } .folio-half { align-self: start; width: calc(50% - ( 0.5 * 30px ) ); } .folio-right { margin-left: auto; } .video-pad { padding: 5px 5px 0 5px; border: 1px solid rgba(177,169,131,1); box-sizing: border-box; } .folio-right-wrapper { display: block; width: 100%; text-align: center; } .folio-right h4, .folio-left h4 { font-family "Montserat"; font-weight: 800; text-align: center; font-size: 18px; } .folio-right h4 span { color: #62aa34; } .folio-left h5 { font-family "Montserat"; font-weight: 400; text-align: center; font-size: 14px; font-style: italic; } .movie-poster { margin-top: 25px; } .movie-poster div img { padding: 4px; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.4); } @media screen and (max-width: 1450px) { #port-data { padding: 40px 30px; } } @media screen and (max-width: 960px) { .port-folio { display: block; } .folio-half { width: 100% !important; } } @media screen and (max-width: 650px) { #port-header .jjp-overlay { padding: 90px 50px; } #port-header .jjp-overlay h1 { font-size: 38px; line-height: 40px; } #port-header .jjp-overlay h2 { line-height: 24px; } } /* ----------------------------------------- */ /* Content Template: portfolio-content-template - end */ /* ----------------------------------------- */