/* Theme Name: Dome 35 
Author: Jeff Passetti
*/

@media all and (min-width:320px) {
.mobile-clearfix {
 clear: both;   
}
html {
font-size: 100%;
}
body {
background-color: #eee;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
padding: 0px;
margin: 0px;
}
.nav-overlay {
width: 100%;
/*height: 200px;*/
background-color: white;
position: fixed;
top: 0px;
left: 0px;
z-index: 500;
box-sizing: border-box;
padding: 80px 20px 20px 20px;
display: none;
}
#navClose {
position: absolute;
top: 0px;
right: 20px;
width: 40px;
height: 40px;
border: 1px solid #666;
color: #666;
cursor: pointer;
font-size: 20px;
text-align: center;
line-height: 40px;
z-index: 500;
}
.nav-overlay h2 {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.nav-overlay ul {
 width: 100%;   
}
.nav-overlay ul, .nav-overlay ul li {
list-style: none;
padding: 0px;
margin: 0px;
}
.nav-overlay ul li {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
position: relative;
top: 0px;
left: -20px;
opacity: 0;
}
.nav-overlay ul li a {    
/*font-family: 'Open Sans', Arial, sans-serif;*/
font-family: 'Oswald', Arial, sans-serif; 
font-size: 20px;
display: block;
text-transform: uppercase;
}
.nav-overlay ul li a i {
font-size: 16px;
padding-left: 10px;
}
.header-container {
background-color: white;
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 600;
}
.navBtnContainer {
font-size: 30px;
line-height: 30px;
color: black;
float: left;
margin-right: 20px;
}
#navBtn {
color: #666;   
}
.siteTitle h1, .siteTitle h1 a {
font-family: 'Oswald', Arial, sans-serif; 
font-size: 26px;
line-height: 30px;
text-transform: uppercase;
color: #444;    
}
.siteTitle h1 a span {
color: orange;   
}
.showcase-container {
padding-top: 20px;
padding-bottom: 20px;
background-color: orange;
text-align: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-bottom: 1px solid white;
position: relative;
min-height: 1000px;
}



.showcase-container h1 {
font-family: 'Oswald', Arial, sans-serif; 
/*font-weight: 700;*/
text-transform: uppercase;
font-size: 30px;
color: white;
margin-bottom: 20px;
 text-shadow: 1px 1px rgba(0,0,0,.8);
}
.showcase-container h1 span.years {
font-size: 48px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.showcase-container p {
font-family: 'Open Sans', Arial, sans-serif;
color: white;
font-size: 16px;
line-height: 20px;
margin: 10px;
font-weight: bold;
 text-shadow: 1px 1px rgba(0,0,0,.8);
}
.showcase-container p span {
font-family: Georgia, serif;
color: orange;
font-size: 20px;
line-height: 24px;
font-weight: 300;
}
.showcase-container p.cta {
 text-shadow: 1px 1px rgba(0,0,0,0);
 margin-top: 30px;
}
.showcase-container p.cta a {
     background-color: orange;
 padding: 10px;
 color: black;
 font-family: 'Oswald', Arial, sans-serif; 
 text-transform: uppercase;
}

p.showcase-photo-credit {
 font-size: 12px;
 color: white;
 font-family: 'Open Sans', sans-serif;
 font-style: italic;
 position: absolute;
 bottom: 20px;
 right: 20px;
 z-index: 5;
 font-weight: bold;
 text-shadow: 1px 1px rgba(0,0,0,.8);
}

.project-container {
background-color: #666;
color: white;
padding-top: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #fff;
}

.home-project-item h2 {
font-family: 'Oswald', Arial, sans-serif; 
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.home-project-item p {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.home-single-project-item {
background-color: white;   
}
.home-single-project-item  h3 {
font-family: 'Oswald', Arial, sans-serif; 
font-weight: 700;
text-transform: uppercase;
font-size: 36px;
line-height: 36px;
margin-bottom: 10px;
}
.home-single-project-item-padding {
padding: 10px;   
}
.home-single-project-item  h3 a {
color: white;
}
.home-single-project-item p {
margin-bottom: 10px;   
color: black;
}


p.home-single-project-item-cta a {
color: orange;   
}

.home-single-project-item img {
width: 100%;
height: auto;
/* margin-bottom: 10px;*/
}

.cinegraph {
position: relative;
background-color: black;
vertical-align: top;
border-bottom: 1px solid white;
}
.cinegraph-text {
width: 100%;
/*background-color: pink;*/
position: relative;
text-align: left;
padding-bottom: 20px;
}
.cinegraph-bg {
width: 100%;
height: auto;
position: relative;
opacity: 0.6;
}
.cinegraph-text h1 {
color: white;
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-shadow: 1px 1px rgba(0,0,0,.4);
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
.cinegraph-text h6 {
color: orange;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
/*text-align: center;*/
text-shadow: 1px 1px rgba(0,0,0,.4);
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
.cinegraph-text p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: white;
/*margin-top: 20px;*/
margin-bottom: 20px;
}
.cinegraph-text p.cta  {
margin-top: 40px;  
}
.cinegraph-text p.cta a {
/*display: block;*/
color: orange;
padding: 10px;
border: 1px solid orange;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
.cinegraph-text p.cta a i {
 margin-left: 5px;   
}
.cinegraph-text p.cta a:hover {
background-color: orange;
color: black;
}
main {
background-color: white;
padding-top: 30px;
padding-bottom: 30px;
}
.single-main-content > h3 {
font-family: 'Oswald', Arial, sans-serif; 
font-weight: 700;
text-transform: uppercase;
font-size: 24px;
margin-top: 60px;
margin-bottom: 30px;
text-align: center;
}
.single-main-content p {

font-family: Georgia, sans-serif;
font-size: 18px;
font-size: 1.1rem;
line-height: 23px;
line-height: 1.5rem;
margin-bottom: 24px;
padding-left: 2%;
padding-right: 2%;
}


.team-col h2 {
font-family: 'Oswald', Arial, sans-serif; 
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
color: white;
margin-bottom: 10px;
}

.team-col p {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: white;
margin-bottom: 10px;
}

.single-slide {
padding-top: 20px;
padding-bottom: 20px;
/* border-bottom: 1px solid #ccc;*/
}

.single-slide img {
width: 100%;
height: auto;
}
.single-project-showcase-outer {
position: relative;  
background-color: black;
width: 100%;
}

.single-project-showcase-outer-bg {
position: relative;
width: 100%;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 1.0;
}

.single-project-showcase {

position: relative;
text-align: center;
z-index: 10;

}
.single-project-showcase-padding {

}
.single .single-project-showcase .wp-post-image {
width: 100%;
height: auto;
opacity: 1.0;
}
.single-project-inside-showcase-container {
width: 100%;
position: relative;
/*background-color: rgba(255,0,0,.3);*/
padding-top: 20px;
padding-bottom: 20px;
}

.single-project-showcase h1 {
color: white;
font-family: 'Oswald', sans-serif;
font-size: 28px;

text-shadow: 1px 1px rgba(0,0,0,.4);
}
.single-project-showcase h6 a {
color: orange;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
line-height: 22px;
/*text-align: center;*/
text-shadow: 1px 1px rgba(0,0,0,.4);
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
display: block;

}

.single-credits {
text-align: center;
margin-bottom: 20px;
}
.single-credits h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
}
.single-credits h3 span {
font-family: 'Open Sans', sans-serif;
text-transform: none;
font-size: 18px;
} 
.project-item {
margin-bottom: 30px;
text-align: center;
text-align: left;
}

.home-single-project-item {
width: 100%;
position: relative;
background-color: black;
}

.home-single-project-text {
/*background-color: red;*/
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
padding: 0px 30px;
}
.sports-moment-container {
position: relative;   
width: 100%;
}

.sports-moment {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
/*background-color: #002950;*/
/*background-color: #eee;*/
position: absolute;
top: 0px;
left: 0px;
display: none;
margin-top: 30px;
overflow: hidden;
}
.greatestBtn {
width: 60px;
height: 60px;
font-size: 30px;
border: 1px solid #002950;
text-align: center;
line-height: 60px;
display: block;
color: #002950;
background-color: white;
cursor: pointer;
}

.greatestBtn:hover {
 background-color: #002950;
 color: white;
}

.sports-moment-headline h3 {
font-family: 'Open Sans', sans-serif;
font-size: 36px;
font-weight: bold;
color: white;
margin-bottom: 10px;
position: relative;
top: 0px;
left: 20px;
opacity: 0;
text-shadow: 1px 1px rgba(0,0,0,.4);
}
.sports-moment-headline h4 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: orange;
font-size: 28px;
border-bottom: 2px solid orange;
display: inline-block;
clear: both;
margin-bottom: 10px;
padding-bottom: 5px;
margin-top: 80px;
position: relative;
top: 0px;
left: 20px;
opacity: 0;
text-shadow: 1px 1px rgba(0,0,0,.4);
}
.sports-moment-headline h5 {
font-family: Georgia, serif;
color: white;
font-size: 20px;
font-style: italic;
margin-bottom: 30px;
position: relative;
top: 0px;
left: 20px;
opacity: 0;
text-shadow: 1px 1px rgba(0,0,0,.4);
}
.sports-moment-headline h6 {
 position: relative;
top: 0px;
left: 20px;
opacity: 0; 
text-shadow: 1px 1px rgba(0,0,0,.4);
}
.sports-moment-headline h6 a {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: orange;
font-size: 20px;
border: 1px solid orange;
display: inline-block;
padding: 10px;
}
.sports-moment p {

}
.sports-slide-bg-container {
 width: 100%;
 position: relative;
 overflow:hidden;
 background-color: #002950;
}

.sports-slide-bg {
background-color: #002950;
background-repeat: no-repeat; 
background-position: bottom left;
min-height: 400px;
position: relative;
top: 0px;
left: -20px;
opacity: 0;
}
.sports-moment-text {
background-color: white;
border: 1px solid #002950;
color: #333;
}
.bg-left {
background-position: left center;   
}
.sports-moment-text p {
font-family: Georgia;
color: #333;
margin-bottom: 20px;
font-size: 18px;
line-height: 30px;
}
.greatest-heading {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
font-weight: 300;
letter-spacing: 1.2px;
}
.greatLeft {
text-align: left;   
float: left;
}
.greatRight {
text-align: right;  
float: right;
}
.sports-moment-text-padding {
padding: 40px 60px;   
}
.sports-video-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 300px;
background-color: rgba(0,41,80,.8); 
z-index: 100;
display: none;
}
.sports-video-overlay-padding {
padding: 70px 30px 30px 30px;
}
.sports-video-exit {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
text-align: center;
border: 1px solid white;
color: white;
position: absolute;
top: 15px;
right: 30px;
cursor: pointer;
}
.sports-moment-credit {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: rgba(255,255,255,.6);
font-style: italic;
margin-top: 20px;
text-align: right;
padding-right: 20px;
}
.sports-moment-credit a {
color: rgba(255,255,255,.6);
font-weight: bold;
}
.flex-video {
position: relative;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 1rem;
overflow: hidden; }
.flex-video.widescreen {
padding-bottom: 56.34%; }
.flex-video.vimeo {
padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }


.video-container {
background-color: #eee;
padding: 20px;
}

.video-container article {
 padding-top: 10px;
 padding-bottom: 10px;
}

.video-container h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: black;
font-size: 20px;
margin-bottom: 20px;
}
.video-container h4 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.video-container p {
font-size: 12px;
line-height: 18px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 0px;
}
.video-container p.video-credit {
font-style: italic;   
}

.photogallery-overlay {
width: 100%;
position: fixed;
top: 0px;
left: 0px;
background-color: black;
z-index: 500;
padding-top: 30px;
padding-bottom: 30px;
display: none;
}
.photogallery-slide {
display: none;  
opacity: 0;
}
.photogallery-slide img {
width: 100%;
height: auto;
}
.photogallery-prev-arrow, .photogallery-next-arrow {
color: white;
font-size: 28px;
text-align: center;
}
.photogallery-prev-arrow a, .photogallery-next-arrow a {
display: block;
color: white;
}
.photogallery-slide p  {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
margin-top: 5px;
margin-bottom: 5px;
color: white;
}
.photogallery-slide p.credit {
font-style: italic;   
}
.photogallery-slide p.total {
text-transform: uppercase;
margin-bottom: 10px;
text-align: center;
} 

.photogallery-exit {
text-align: right;   
}
.photogallery-exit a {
font-size: 24px;
line-height: 24px;
color: white;
display: inline-block;
padding: 8px;
border: 1px solid white;
margin-top: 10px;
}
.pg-cover {
vertical-align: top;
position: relative;
background-color: black;
}

.pg-cover img {
width: 100%;
height: auto;
opacity: 0.6;
}

.pg-cover .viewIcon {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 30;
color: white;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}

.footer-container {
padding-top: 30px;
padding-bottom: 30px;
background-color: #999;
color: white;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.footer-container a {
color: white;
}
.footer-container img {
 width: 50%;
 height: auto;
 margin: 0px auto;
 margin-bottom: 20px;
}
.single-project-row {
padding: 20px;
background-color: white;
position: relative;
}
.single-project-row .wp-post-image {
width: 100%;
height: auto;
}
.project-item h3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: bold;
}
.project-item h3 a {
color: black;       
} 
.project-item p {
margin-top: 20px;   
}

.project-item p a {
color: black;
padding: 8px;
font-size: 12px;
border: 1px solid black;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 1.2px;
}
.project-item-image {
width: 100%;
position: relative;
z-index: 1;
vertical-align: top;
margin-bottom: 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border: 1px solid #ccc;
/*opacity: 0.6;*/
}
.page .page-content h1 {
font-family: 'Oswald', Arial, sans-serif; 
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 80px;
}
.page .page-content p {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
margin-bottom: 15px;
}

.single-video-overlay {
width: 100%;
background-color: rgba(0,0,0,.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 500;
display: none;
}
.single-video-overlay-padding {
padding-top: 80px;
padding-bottom: 20px;
}
#videoCloseBtn {
font-size: 24px;
line-height: 24px;
color: white;
display: inline-block;
padding: 8px;
border: 1px solid white;
margin-top: 10px; 
float: right;
}
.single-video-overlay h2 {
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 21px;
font-weight: bold;
}
.single-video-thumb {
position: relative;   
text-align: center;
margin-bottom: 10px;
background-color: black;
}
.single-video-thumb > img {
width: 100%;
height: auto;
opacity:0.6;
vertical-align: top;
}
.single-video-thumb:hover > img {
opacity: 0.3;
}
.videoPlayBtn {
position: absolute;
top: 0px;
left: 0px;
display block;
width: 100%;
text-align: center;
font-size: 36px;
color: white;
}
.single-video-thumb a:hover {
color: orange;   
}
.vimeo-id {
display: none;   
}
.construction-hdr-relative img {
 display: none;   
}

.construction-step-list p {
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
}
.construction-step-list ul {
 margin-top: 20px;  
 background-color: #ffb232;
}
.construction-step-list ul:after {
 content:"";
 clear: both;
 display: block;
}

.construction-step-list ul, .construction-step-list ul li {
 list-style: none;   
}
.construction-step-list ul li {
 width: 100%;
 box-sizing: border-box;
 padding: 20px;
 position: relative;

 float: none;

}

.construction-step-list ul li .step-label {
    display: inline-block;
    color: white;
    background-color: black;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 20px;

}

.construction-step-list ul li img {
 width: 100%;
 height: auto;
 padding-bottom: 20px;
}
.dome-construction-container {
 padding-top: 30px;
 padding-bottom: 30px;
 background-color: #EEE;
}
.construction-header {
 width: 100%;
 height: auto;
}
.inner-construction-container {
 border: 1px solid #ccc;   
 padding: 20px;
 background-color: white;
}
.construction-hdr {
 width: 100%;
 position: relative;
}
.construction-hdr img {
 width: 100%;
 height: auto;
}


.construction-hdr-relative  {
 position: relative;   
}

.construction-hdr-top {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 z-index: 100;
}

.construction-hdr h2 {
 font-family: 'Oswald', Arial, sans-serif;
 font-size: 36px;
 font-weight: bold;
/* position: absolute;
 bottom: 20px;
 left: 30px;
 width: 100%;*/
 color: black;
 z-index: 200;
 text-shadow: 1px 1px rgba(0,0,0,.2);
}
.construction-hdr p {
 font-size: 18px;
 padding: 20px 0px;
 font-family: 'Open Sans', Arial, sans-serif;
}
h3.heading-label {
   font-family: 'Open Sans', Arial, sans-serif;
 font-size: 20px;
 font-weight: bold; 
 text-transform: uppercase;
 margin-top: 20px;
 margin-bottom: 10px;
}
.materials-line {
   border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding-top: 10px;
 padding-bottom: 10px;  
}
.materials-row{

 
}
.dome-material-item  {
text-align: center;
cursor: pointer;
opacity: 0.3;
min-height: 200px;
}
.dome-material-item-active {
 opacity: 1.0;   
}

.dome-material-item img {
 width: 90%;
 height: auto;
 margin: 0px auto;
}
.dome-material-item h3 {
 font-family: 'Oswald', Arial, sans-serif;
 font-size: 18px;
 text-transform: uppercase;
 margin-top: 10px;
}
.dome-material-item-active h3{
    color: orange;
}
.more-info {
 width: 30px;
 height: 30px;
 background-color: #ccc;
 border: 1px solid black;
 color: black;
 text-align: center;
 line-height: 30px;
 display: block;
margin: 10px auto;
 text-align: center;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 
}
.more-info:hover {
 background-color: orange;   
}
.dome-material-item-active .more-info {
 background-color: orange;   
}
.material-definitions {
 margin-top: 10px;
 margin-bottom: 10px;
}
.material-definition {
 display: none;  

}

.material-definition h3 {
 font-size: 16px;  
 font-family: 'Open Sans', Arial, sans-serif;
 font-weight: bold;
 margin-bottom: 5px;
}

.material-definition p {
    font-family: 'Open Sans', Arial, sans-serif;
 font-size: 14px;
 line-height: 20px;
 margin: 0px;
 padding: 0px;
}


.construction-step-list ul {
 padding: 0px;
 margin: 0px;
 margin-top: 20px;
}
.construction-step-list ul li {
 float: left;   
  width: 18%;
 margin-left: 1%;
 margin-right: 1%;
  border-left: 1px solid rgba(0,0,0,.2);
}
ul.material-definitions {
 list-style: none;
 padding: 0px;
 margin: 0px;
}

ul.material-definitions li {
 padding: 0px;
 margin: 0px;
 list-style: none;
 position: relative;
}

ul.material-definitions li img {
 width: 100%;   
 border: 1px solid #ccc;
}

.material-definition-content {
 position: relative;
 opacity: 0;
 width: 100%;
 background-color: white;
 padding: 10px;
 border: 1px solid #eee;
 border-left: 3px solid black;
 display:block;
}

} /*--------------------- END OF MOBILE -------------------------*/

@media all and (min-width:700px) {
.mobile-clearfix {
 display: none;   
}
.cinegraph-text {
position: absolute;
top: 0px;
left: 0px;
padding-bottom: 0px;
}
.cinegraph-text > p {
font-size: 20px;
}
.single-project-row {
top: -120px;
}
.team-col {
border-left: 1px solid white;   
}
.single-project-showcase h1, .cinegraph-text h1 {
font-size: 48px;
}
.single-project-showcase-outer-bg {
position: absolute;
top: 0px;
left: 0px;
opacity: 0.3;
}
.single-project-inside-showcase-container {
position: absolute;
top: 0px;
left: 0px;
}
.single .single-project-showcase .wp-post-image {
opacity: 0.6;
}
.single-main-content p {
padding-left: 15%;
padding-right: 15%;
}
.single-main-content .textAlignLeft p {
 text-align: left;
 padding-left: 0px;
 padding-right: 0px;
}
.video-container p {
 padding: 0px;   
}
.embedBoxiFrame .tableauPlaceholder, .responsive-iframe .tableauPlaceholder {
 margin: 0px auto;
}

.material-definition-content {
 position: absolute;
 bottom: 20px;
 left: 0px;

 width: 320px;

 
 display: inline-block;
}


} /* ---------------------- END OF TABLET ---------------------------*/

@media all and (min-width:980px) {
    .nav-overlay {
     width: 30%;   
    }
.nav-overlay ul {
    
 width: 100%;   
}    
.showcase-container h1 {
font-size: 72px;
}
.showcase-container p {
font-size: 19px;
line-height: 32px;
}
.showcase-container p span {
font-size: 32px;
}
    
.single-project-showcase h1, .cinegraph-text h1 {
font-size: 60px;
}
.cinegraph-text > p {
font-size: 22px;
}
.footer-container img {
 width: 100%;
}
} /* ---------------------- END OF DESKTOP ---------------------------*/