:root {
    --window-max: 1440;
    --window-min: 350;
    --window-ratio: calc((100vw - var(--min-width)) / (var(--window-max) - var(--window-min)));
    --min-width: 350px;
}





.loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 10000;
    display: block;
}

body {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

body > [role="link"] {
    cursor: pointer;
    display: block;
}



.pcw-container {
  
   /* font-size: 12px;
    font-size: 1.2rem;*/
   /* min-width: 350px;
    width: 94%;*/
}



.pcw-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    background-size: contain;
}

/*.pcw-container header {
    padding-top: 10px;
    padding-top: 1rem;
}*/



.pcw-date {
    
    font-size: calc(10px + 14 * ((100vw - 300px) / (1600 - 300)));   
    color: #000000;
    
}



.pcw-heading-1 {
    
    font-weight: 700;
    color: #131313;
    font-size: calc(1.2rem + 75 * var(--window-ratio)) !important;
    
    
}

 p#us_pop_widget.pcw-pop-count, p#world_pop_widget.pcw-pop-count{
 
 font-size: calc(3.3rem + 60 * var(--window-ratio)) !important;
 color: #747474;
 
 
 }
 
 .pcw-heading-2{
 font-size: calc(1.8rem + 70 * var(--window-ratio)) !important;
 color:#000000;
 
 }
 
 h5{
 
 font-size: calc(.5rem + 70 * var(--window-ratio)) !important;
 
 }

.pcw-container main{ 
	
	
     /*    margin-top: 4%;*/
	
} 

@media screen and (max-width: 993px) {
  .pcw-heading-1, h1  {
   font-size: calc(1.5rem + 70 * var(--window-ratio)) !important;
  }
  
  p#us_pop_widget.pcw-pop-count, p#world_pop_widget.pcw-pop-count{
 
 
 color:#747474;
 
 
 }
  

}


.pcw-container .row {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.pcw-container main {

    -ms-flex-direction: row !important;
    flex-direction: row !important;

    
    z-index: 1;
}

.pcw-counter-container > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}







@media (max-width: 559px) {
    .pcw-counter-container {
        margin-top: 10px;
        margin-top: 1rem;
    }

    .pcw-container main {
         max-width: 300px;
         max-width: 30rem;
        /* margin: 3%;*/
     }
    
      p#us_pop_widget.pcw-pop-count, p#world_pop_widget.pcw-pop-count{
 
 
 color:#4a4a4a;
 
 
 }
}


.pcw-view-link{
	width: 44rem;
	margin: 0 15px;
	padding-top: 16px;
	
}

h5{
	color: #076c79;
}

h5:hover{
	color: #004a54;
}


    .pcw-view-link img.arrow-hover {
      position: relative;   
      right: 23px;
      opacity: 0;
      transition: opacity .2s;
      
      
    }
    .pcw-view-link:hover img.arrow-hover {
      opacity: 1;
      
    }
    
    .pcw-heading-2 + .pcw-pop-count{
    
   /* font-weight: bold;*/
   color: #747474;
    }