/*
Theme Name: Northern Pods v1
Author: Ross Brown
Author URI: www.rossbrown.co.uk
Version: 1, 2026
*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


@font-face {
 font-family: 'Co Headline Regular';
 font-style: normal;
 font-weight: normal;
 src: url('/wp-content/themes/np26/fonts/coheadline.woff') format('woff');
 }
 
 
 @font-face {
 font-family: 'Co Headline Light';
 font-style: normal;
 font-weight: normal;
 src: url('/wp-content/themes/np26/fonts/coheadlinelight.woff') format('woff');
 }
 
 
 @font-face {
 font-family: 'Co Headline Bold';
 font-style: normal;
 font-weight: normal;
 src: url('/wp-content/themes/np26/fonts/coheadlinebold.woff') format('woff');
 }

:root {
 --npred: rgba(166,17, 98, 1);
 --nppink: rgba(254,61,113,1);
 --nppurple: rgba(224,221,238,1);
 --npwhite1: rgba(249,248,244,1);  
 --npwhite2: rgba(247,238,214,1);  
 --npalmostblack: rgba(48,48,48,1);    
 --npturq: rgba(36,201,208,1);      
 --npgreen: rgba(18,161,128,1);      
 
 
 --angle1: polygon(100% 0%, 0% 0%, 0% 100%, 100% 83%);
 --angle2: polygon(100% 0%, 0% 13%, 0% 100%, 100% 100%);
 }



/* Setup
_________________________________________________ */

html, body{height: 100%; width: 100%; background: var(--npwhite1); margin-top: 0 !important;}

.clearer, .clearer00, .clearer10, .clearer20, .clearer30, .clearer40, .clearer50, .clearer60, .clearer70, .clearer80, .clearer90, .clearer100
{clear: both; height: 1px; width: 100% !important;}

.clearer10 {height: 1vw;} .clearer20 {height: 2vw;} .clearer30 {height: 3vw;} .clearer40 {height: 4vw;} .clearer50 {height: 5vw;}

body {overflow: visible;}

h1, h2, h3, h4, .stat {
    font-family: 'Co Headline Bold', Helvetica, Arial, sans-serif;
    line-height: 120%;
	}

p, a, li, label, tr, td,
.forminator-ui#forminator-module-19.forminator-design--default .forminator-label,
.forminator-ui#forminator-module-19.forminator-design--default .forminator-input, .forminator-ui#forminator-module-19.forminator-design--default .forminator-input input, .forminator-ui#forminator-module-19.forminator-design--default .forminator-iti-input .iti__selected-dial-code,
.forminator-ui#forminator-module-19.forminator-design--default .forminator-error-message
	{
    font-family: 'Co Headline Light', Helvetica, Arial, sans-serif !important;
    font-size: 1.2vw;
    line-height: 210%;
    font-weight: 300;
    color: var(--npalmostblack);
  }
    
    .forminator-ui#forminator-module-19.forminator-design--default .forminator-label {color: var(--nppink);}

    .current-time, .duration
    {
      font-family: 'Co Headline Light', Helvetica, Arial, serif !important;
      font-size: 1vw !important;
      font-weight: 300 !important;
      color: var(--npalmostblack) !important;}
  
p {margin-bottom: 1vw;}
  
p strong, li strong {font-family: 'Co Headline Bold', Helvetica, Arial, serif; font-weight: 600;}

p.highlightpink, span.highlightpink {color: var(--nppink) !important;}
  p.highlightred, span.highlightred {color: var(--npred) !important;}
  span.highlightbold {font-family: 'Co Headline Bold', Helvetica, Arial, serif !important;}
  span.highlightsemibold {font-family: 'Co Headline Regular', Helvetica, Arial, serif !important;}


li {list-style: outside; list-style-type: disc; margin-left: 1vw;}

ul.twocols {column-count: 2;}
ul.threecols {column-count: 3;}

h1 {color: var(--npred); font-size: 4vw; }

h2 {color: var(--nppink); font-size: 2.5vw; }

h3{font-size: 1.5vw; margin-bottom: 1vw; /* line-height: 180%; */}

h4 {font-size: 1.5vw; margin-bottom: 1vw; /* line-height: 180%; */}


.wordhighlight, .wordhighlight2 {position: relative;}

.wordhighlight:after,
.wordhighlight2:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  height: 7px;
  width: 100%;
  border: solid 2px var(--nppink);
  border-color: var(--nppink) #fff0 #fff0 #fff0;
  border-radius: 50%;
  clip-path: inset(0 0 50% 0);
}  

.wordhighlight2 {color: var(--npred);}

.wordhighlight2:after {
  border: 2px solid var(--npred);
  border-color: var(--npred) #fff0 #fff0 #fff0;
  bottom: -15px;
}
  
button, input[type='submit'], 
.forminator-ui#forminator-module-19.forminator-design--default .forminator-button-submit {
  background: var(--nppink);
  color: #f2f2f2;
  padding: 0.2vw 1.5vw;
  border-radius: 10px;
  border: none;
  margin: 1vw 0.1vw 0 0;
  font-family: 'Co Headline Light', Helvetica, Arial, serif !important;
  font-size: 1vw;
}

button.long {width: 100%;}

button a, .forminator-ui#forminator-module-19.forminator-design--default .forminator-button-submit
{ 
  font-family: 'Co Headline Light', Helvetica, Arial, serif !important;
  color: var(--npwhite2);
  font-size: inherit !important;
  line-height: 180% !important;
}

button.alt {background: var(--npwhite2);}
button.alt a {color: var(--nppink) !important}

a {text-decoration: none;}	

a.show {border-bottom: 1px dotted var(--npalmostblack);}

/* Top
_________________________________________________ */

header {float: left; width: 85%; padding: 2vw 7.5% 0 7.5%; display: flex; align-items: center;}

header #logo {float: left; width: 20%; margin-top: 1vw;}
  header #logo img {width: 100%; height: auto}

header nav {float: right; width: 80%;}

header nav ul {text-align: right;}

header nav li {display: inline; margin-right: 5vw; list-style-type: none !important;}
  header nav li:last-of-type {margin-right: 0;}  
  
header nav a {
  color: var(--nppink);
  font-family: 'Co Headline Regular', Helvetica, Arial, serif;
  font-weight: 100;
  padding: 0 0.5vw 0.5vw 0.5vw;
}
  
  header nav a.active {border-bottom: 1px solid var(--nppink);}

/* Main
_________________________________________________ */

main {clear: both; float: left; margin: 5vw 0 0 0; width: 100%;}

.block {float: left; clear: both; width: 85%; margin: 0 7.5%;}

.skinnyblock {width: 60%; margin: 0 20%;}


/* #hero {display: flex; vertical-align: middle; align-items: center; height: 90vh} */

#hero {
  display: flex;
  vertical-align: middle;
  align-items: top;
  min-height: 40vh;
  margin-top: 10vw;
  float: left;
  margin-bottom: 5vh;
}

#herotext {float: left; width: 60%; /* margin-top: 3vw; */}
  #herotext.wide {width: 70%; margin-right: 5%;}
  
  #herotext img {width: 2vw; height: auto; /* animation: down 1.5s infinite; */}
  
    #herotext.wide p {width: 75%;}
    #herotext p:first-of-type {font-size: 1.6vw; font-family: 'Co Headline Light', Helvetica, Arial, serif; font-weight: 100; margin-top: 0.5vw; width: 100%; color: var(--npred);}

.compact_audio_player_wrapper {display: inline !important;}

.sc_player_container1::after {
  content: "30 second sampler";
  position: absolute;
  width: 50%;
  font-family: 'Co Headline Regular', Helvetica, Arial, sans-serif;
  font-size: 0.9vw;
  line-height: 30px;
  vertical-align: middle;
}

.sc_player_container1 .myButton_play {background: none !important;}

#heroimages {position: relative; z-index: 1; width: 40%}
  #heroimages.narrow {width: 25%;}
  #heroimages img {width: 100%; /* margin-top: -3vw; */ }
    #heroimages img.solo {max-width: 400px; float: right;}
  
@keyframes down {
    0% {
        transform: translate(0px);
    }

    20% {
        transform: translateY(15px);
    }

    40% {
        transform: translate(0px);
    }
}  

#mainblock {margin-top: 5vw; text-align: center; float: left; clear: both;}
  #mainblock.up {margin-top: 0;}

#mainblock h2, #mainblock p {margin-bottom: 3vw; width: 70%; margin-left: 15%;}
  #mainblock p.wide {width: 100%}  
  
  #mainblock.generic {text-align: left;}
    #mainblock.generic p {margin-left: 0 !important;}
  
#mainblock.albumart {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  width: 85%;
  margin: 0 7.5%;
} 

#mainblock.albumart > div {margin-right: 2vw;}
  #mainblock.albumart > div p {
    font-size: 1vw; 
    width: 100%;
    margin-left: 0;
    font-size: 0.8vw;
    line-height: 1vw;
  }
  #mainblock.albumart > div img {width: 10vw; height: auto;} 
  
#individualservices {display: flex; flex-wrap: wrap;}  
  #individualservices.short {align-items: flex-start}
  
#individualservices > div {width: calc(25% - 5vw);
  margin-right: 1vw;
  background: var(--npalmostblack);
  border-radius: 30px;
  padding: 2vw;
  text-align: center;
  margin-bottom: 3vw;}
  	
  #individualservices > div:nth-of-type(4),   
  #individualservices > div:nth-of-type(9) {margin-right: 0;}
   
  #individualservices > div img {width: 4vw; height: auto;} 
  
  #individualservices h3 {color: var(--npwhite2); margin-bottom: 2vw !important; font-size: 1.2vw}
    #individualservices h3.nope {margin-bottom: 0 !important;} 
    
      #individualservices.wideservices > div {
        width: calc(25% - 5vw);
        text-align: left;
        background: var(--npalmostblack);
      }
                
      #individualservices.wideservices > div p,
      #individualservices.wideservices > div li {
        color: var(--npwhite2);
        width: 90%;
        margin-left: 0;
        margin-bottom: 1vw;
      }
      
        #individualservices.wideservices > div li {margin: 0 0 0 10px;}
      
      #individualservices.wideservices h3 {margin-bottom: 1vw !important;}

            
      #individualservices.wideservices > div:nth-of-type(9) {margin-right: 0;}
      
      #individualservices.dark > div {background: var(--npalmostblack);}
      
      #individualservices.dark > div li, #individualservices.dark > div p {color: var(--npwhite2);}
      
      #individualservices > div.onethird {flex: 1; text-align: left;}
        #individualservices > div.twothirds {flex: 2; text-align: left;}
          #individualservices > div.onethird p, #individualservices > div.twothirds p {margin-left: 0;}
      
      #individualservices > div.ctabreaker {
        width: calc(100% - 5vw);
        margin-right: 0;
        background: var(--npwhite2);
        text-align: center;
        border-radius: 20px;
      }
        
      #individualservices > div.ctabreaker h4, #individualservices > div.ctabreaker p 
      {color: var(--nppink); width: 55%; margin-left: 22.5%; }
      
      #individualservices > div.ctabreaker h4 {margin-bottom: 1vw !important;}
      
          #individualservices > div.ctabreaker p {margin-bottom: 0; font-size: 2vw; }
      
      #individualservices > div.ctabreakershort {background: none !important; padding: 0 !important; margin: 1vw !important;}

#individualservices > div.ctabreaker p.small {width: 80%; margin-left: 10%; line-height: 150%;}
  
#stats, #stats.stats3 {background: var(--nppink); float: left; clear: both; width: 80%; padding: 2vw 10% 2vw 10%; display: flex;}  

.stats2 {background: var(--npred) !important; display: block !important; padding-bottom: 4vw !important;}  
  .stats2 > span {display: flex; width: 100%;}
.stats3 {background: var(--npalmostblack) !important; padding-bottom: 4vw !important;}  


  #stats > div, .stats2 > span > div {flex: 1; text-align: center;}
  #stats p, .stats .stat {color: var(--npwhite2);}
    
  #stats p {margin-bottom: 0; font-family: 'Co Headline Bold', Helvetica, Arial, sans-serif; font-weight: 600;}
  
  #stats .stat, #stats span.inc {font-size: 3.5vw !important; margin-bottom: 1vw !important; /* line-height: 180%; */}
      #stats span.inc {font-size: 1.5vw !important; font-weight: 300 !important;}

  
  #stats > div > img, #stats > span > div > img {width: 4vw; height: auto;}
  
  
  #stats h3 {color: var(--npwhite2); font-size: 2.5vw; text-align: center; margin: 1vw 0 3vw 0;}
  

#why {background: var(--npalmostblack); float: left; clear: both; width: 80%; padding: 2vw 10% 5vw 10%;}  

#why > div.block > aside {display: flex; width: 100%; align-items: center;}
#why > div.block > aside > div:first-of-type {margin-right: 1vw;}
#why > div.block > aside > div > h4 {color: var(--nppink); margin-top: 2vw;}
#why > div.block > aside > div > img {width: 2vw; height: auto; margin-top: 1vw;}

#whycopy {display: flex; width: 100%; align-items: center;}

#whycopy > div {float: left; width: 70%;}
#whycopy > div:nth-of-type(2) {float: right; width: 20%; margin-left: 5%}
#whycopy > div:nth-of-type(2) img {width: 100%; height: auto; float: right;}

#why ol {
   list-style: none;
   counter-reset: item;
 }
#why li {
   counter-increment: item;
   margin: 1vw 0;
   list-style-type: none;
 }
 #why li:before {
   margin-right: 1vw;
   content: counter(item);
   background: var(--nppink);
   border-radius: 100%;
   color: var(--npwhite1);
   width: 2.5vw;
   text-align: center;
   display: inline-block;
 }

#why p, #why li {color: var(--npwhite2);}


#list {background: var(--npwhite2); float: left; width: 100%; padding: 2vw 0; text-align: center}  

#list img {width: 5%; height: auto; margin-bottom: 3vw;}

#list h3 {color: var(--nppink); }

#list p {width: 70%; margin-left: 15%; font-size: 1vw;}

#discovery {display: flex; width: 100%; align-items: center; background: var(--nppink);}

#discovery > div {width: 30%;}

#discovery > div:nth-of-type(2) {width: 40%; margin-left: 10%;}

#discovery > div img {width: 100%; margin: -4vw 5vw -5vw 5vw; } 
  #discovery > div img.edge {margin: -4vw 5vw -5vw 0vw;}

#discovery h3, #discovery p {color: var(--npwhite2);}
  #discovery h3 {font-size: 2.5vw; width: 80%;}
  #discovery p {line-height: 150%;}


#discovery button {background: var(--npwhite2);}
#discovery button a {color: var(--nppink);}

#coverage {display: flex;}
    #coverage p, #coverage li, #coverage h4 {color: var(--npwhite2);}
      #coverage p, #coverage h4 {text-align: center;}
          #coverage p {align-self: flex-end; line-height: 150%;}
             
    #coverage > div {flex: 1;
    margin-right: 3vw;
    border-radius: 30px;
    padding: 2vw;
    text-align: left;
    margin-bottom: 3vw;}
    
      #coverage > div:nth-of-type(1) {background: var(--npturq); margin-right: 5vw}
      #coverage > div:nth-of-type(2) {background: var(--npred);}

#pricing {display: flex;}
#pricinginfo {margin: 2vw 7.5%; display: block;}

  #pricing p, #pricinginfo p {margin-bottom: 1vw; text-align: center;}
  
  #pricinginfo p {color: #999; font-size: 1vw;}
  
  #pricing h3 {
    padding: 1vw 0 1vw 0;
    color: var(--npwhite2);
    text-align: center;
    border-radius: 20px;}
    
    #pricing h3.starter {color: var(--npalmostblack);}
        
  #pricing div {
    margin-right: 1vw;
    text-align: left;
    width: 33%;
    flex-grow: 1;
    }
       
    #pricing div:last-of-type {margin-right: 0;}
        
    #pricing ul {border-radius: 20px; border-top-right-radius: 20px; padding: 1vw;}
    
    #pricing ul.starter, h3.starter {background: var(--npwhite2); border: 1px solid var(--npwhite2);}
      ul.starter li {color: var(--npalmostblack)}
    
    #pricing ul.standard, h3.standard {background: var(--npgreen); border: 1px solid var(--npgreen);}
      ul.standard li {color: var(--npwhite2)}
    
    #pricing ul.premium, h3.premium {background: var(--npalmostblack); border: 1px solid var(--npalmostblack);}
      ul.premium li {color: var(--npwhite2)}
    
            
    #pricing div:nth-of-type(4) {margin-right: 0}
  
  #pricing ul li {
    line-height: 2.5vw;
    list-style-type: none !important;
    margin: 0;
    padding: 1vw 0 0.5vw 1vw;
  }
  
    #pricing ul.starter:nth-of-type(2),
    #pricing ul.standard:nth-of-type(2), 
    #pricing ul.premium:nth-of-type(2)
    {padding-top: 2vw;}
  
    #pricing ul.starter:nth-of-type(2) li,
    #pricing ul.standard:nth-of-type(2) li, 
    #pricing ul.premium:nth-of-type(2) li
    {padding: 0 0 0.5vw 1vw;
      line-height: 2vw;}
  
  #pricing li img {width: 1.5vw;
    height: 1.5vw;
    margin-top: -0.3vw;
    vertical-align: middle;
    margin-right: 1vw;
    border: 1px solid var(--npwhite2);
    border-radius: 50%;}
    
  #pricing li.pricing {
    color: var(--npwhite2);
    text-align: center;
  }
  
    #pricing ul.starter > li.pricing {color: var(--npalmostblack)}
  
    #pricing li.pricing span {
      font-size: 1.4vw;
      font-weight: 600;
      font-family: 'Co Headline Bold', Helvetica, Arial, sans-serif !important;
    }

#agencyalert {
    margin-right: 0; 
    background: var(--npwhite2); 
    text-align: center;
    padding: 2vw;
    border-radius: 30px;
    width: calc(85% - 4vw);
}    
#agencyportal {clear: both; float: left; background: var(--npwhite2); width: 80%; padding: 2vw 10% 0vw 10%; text-align: center;}
  
#agencyalert p, #agencyportal p {color: var(--nppink); margin-bottom: 0;margin-bottom: 0; font-size: 2vw;}
#agencyalert h4, #agencyportal h4 {color: var(--nppink); width: 55%; margin-left: 22.5%; margin-bottom: 1vw !important; }
      
.yes {line-height: 1.5vw;}

.yes p strong {color: var(--npred); font-weight: 300 !important; font-family: 'Co Headline Regular', Helvetica, Arial, serif;}

.yestwocols {column-count: 2; column-gap: 2vw;}
 
.yes img {
  float: left;
  vertical-align: middle;
  height: 1.5vw !important;
  width: 1.5vw !important;
  margin: 0.4vw 1vw 0 0;
  border-radius: 50%;
  line-height: 1.5vw;
 }
.yes p {font-size: 1.2vw !important; margin-bottom: 0.5vw;}

.yes h4 {color: var(--npred);}
      
/* Contact */

.forminator-ui#forminator-module-19.forminator-design--default .forminator-label 
{margin-bottom: 1vw; font-size: 1vw !important;}

.forminator-ui#forminator-module-19.forminator-design--default .forminator-response-message.forminator-success 
{background: var(--npalmostblack) !important; font-family: 'Co Headline Light', Helvetica, Arial, serif !important; font-size: 1vw !important; color: var(--npwhite2) !important;
box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0 !important;}


.forminator-ui#forminator-module-19.forminator-design--default .forminator-input, .forminator-ui#forminator-module-19.forminator-design--default .forminator-input input, .forminator-ui#forminator-module-19.forminator-design--default .forminator-iti-input .iti__selected-dial-code, .forminator-ui#forminator-module-19.forminator-design--default .forminator-textarea
{ background: var(--npwhite2); 
  padding: 0.7vw 1vw;
  border-radius: 20px;
  border: none !important;
  margin-top: 1vw !important;
  height: 3vw !important;
}

.forminator-required {display: none !important;}

.forminator-ui#forminator-module-19.forminator-design--default .forminator-error-message
{background: var(--npalmostblack) !important; color: var(--npwhite2) !important; font-family: 'Co Headline Light', Helvetica, Arial, serif !important; font-size: 0.8vw !important}
      
/* Blog */

#blog {clear: both; float: left; margin-bottom: 5vw;}
#blog.hpblog {
  background: var(--npwhite2);
  margin-bottom: 0;
  width: 80%;
  padding: 5vw 10% 2vw 10%;}

#blog.hpblog h3, #blog.hpblog h3 a {color: var(--npred) !important} 

#blog > div {
  float: left;
  margin-right: 5vw;
  text-align: left;
  width: 40%;
  margin-bottom: 3vw;
}
  
  #blog > div:nth-of-type(odd) {clear: both;}
  #blog > div:nth-of-type(even) {margin-right: 0 !important;}
  
  #blog.hpblog > div {
    width: calc(33% - 1vw);
    float: left;
    clear: revert;
    text-align: center;
    margin-right: 2vw;}
    
    #blog.hpblog > div:nth-of-type(3) {margin-right: 0;}

#blog > div > span {float: left; width: 25%;}
  #blog > div > span:nth-of-type(even) {float: right; width: 70%}


#blog > div img {width: 100%; height: auto;}
#blog.hpblog > div img {width: 40%; height: auto;}


   
#blog h3 a {
  color: var(--npred);
  font-size: 1.5vw;
  font-weight: 300;
  font-family: 'Co Headline Regular', Helvetica, Arial, serif !important;
  line-height: 100%;
}

  #blog.hpblog h3, #blog.hpblog h3 a {
    font-size: 2vw;
    margin-bottom: 1vw;
    text-align: center;
    color: var(--npwhite2);
    margin-bottom: 3vw;}
    
  #blog.hpblog h3 a {font-size: 1.2vw;}

#blog.hp p, #blog.hp p a {line-height: 140% !important;}
  #blog.hp a.highlight {color: var(--npred); border-bottom: 1px dotted var(--npred);}

img.blogsingle {}

#herotext.blog p a, #herotext.blog li a {border-bottom: 1px dotted var(--npred); color: var(--npred);}

#herotext.blog em {color: var(--npred);}

#herotext.blog ul {margin-bottom: 2vw;}
          
/* Footer
_________________________________________________ */	

footer {clear: both; float: left; width: 100%; background: var(--npalmostblack); padding: 10vw 0 5vw 0;}

footer > .block {display: flex;}

footer > .block > div {width: 80%;}
  footer > .block > div:first-of-type {width: 2%; min-width: 3vw; margin-right: 2vw;}


footer img {width: 100%; height: auto;}

footer p, footer a, footer li {color: var(--npwhite2); line-height: 150%;}

footer button {background: var(--npwhite2);}
  
  footer button.agency {background: none !important; border: 1px solid var(--npturq) !important;}
  footer button.agency a {font-size: 0.9vw !important; color: var(--npturq) !important}

footer button a {color: var(--nppink);}

footer li {
  text-align: right;
  margin-bottom: 0.3vw;
  list-style-type: none;
  font-size: 0.8vw;
  opacity: 0.3;}

footer li a {font-size: 0.8vw; text-align: right;}

footer p span.small, footer p span.small a,
footer p.links, footer p.links a
{font-size: 1vw; line-height: 120%;}

footer p span.small strong {font-size: 1.2vw;}

footer p.links a::after 
{
  content: "|";
  color: var(--npwhite2);
  display: inline-block; 
  padding: 0 1vw;}
  
  
footer p.links a:last-of-type::after {content: ""; padding: 0 0 0 1vw;}   

.several {float: left; margin-top: 2vw; }
  .several img {width: 10%; height: auto;}
  .several a {border-bottom: 1px dotted var(--npwhite2);}
  .several a, .several p {font-size: 0.8vw !important;}