@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

*{
    font-family: 'Heebo', sans-serif;    
}

.content1 h1{
    text-shadow:
    3px 3px #eee,
    3px -3px #eee,
    -3px 3px #eee,
    -3px -3px #eee;
}

.content1 h1:after{
    content:"";
    display:block;
    border-bottom: 2px solid ;
    margin-top:-5px;
    z-index:-1;
}




h1, h2{
    font-weight: bold;
    font-size:2.1em;
    font-family: 'Libre Baskerville';    
    line-height: 1.4;
}

h1.hero{
    color:#fff;
}


span.tag{
    font-size:0.8em;
    font-weight:bold;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

p{
    font-weight: 300;
    color: #bbb;
    font-size: 1.1em;
    margin: 0.65em 0;
}

.icon-list a{
    color:#7c878e;
}

.content h1{
    font-size:3em;
    line-height: 1.2;
    margin-bottom:1em;
    letter-spacing: -0.025em;
}

.content h2{
    font-size:2em;
    margin:0.5em 0;
}

.content h2.accent{
    font-size:1.5em;
    font-style:italic;
    font-weight:normal;
    margin:1em 0;
}

.content h3, label{
    font-size:1.1em;
    font-weight:bold;
    font-family: "Roboto Condensed";
    text-transform: uppercase;   
}

.content  h3{
    margin-top:1.5em;
}

.content h2 + h3{
    margin-top:2.5em;
}

.content p{
    color:#333;
}

.content .lead{
    color:#444;
    font-size:1.5em;
    margin:1.5em 0;
    line-height: 1.3;
}

.content ul, .content ol{
    color:#333;
    width:85%;
    font-size: 1.1em;
    margin: 1em 0;
    margin-left:2em;
}

.content ul li, .content ol li{
    margin-bottom:0.5em;
    font-weight: 300;

}

.content li a{
    background-color:#ddd;
    color:#000;
    text-decoration:none;
    padding:0 0.25em;
    
}

.content li a:hover, .page-nav a:hover{
    background-color:#000;
    color:#fff;

}


.page-nav{ 
     font-size:1em;   
     margin-top:4em;
     padding-top:1em;
     display:flex;
     justify-content:space-between;
     border-top:1px solid #3A3F42;   
    
}

.page-nav a{
    display:inline-block;
    color:#3A3F42;
    text-decoration:none; 
    font-family: "Roboto Condensed";
    font-weight:bold;
    font-size:1.1em; 
    line-height:1;

}

.page-nav span{
    font-family: 'Libre Baskerville';
    font-style:italic;
    display:block;
    font-size:0.8em;
}

.page-nav .next{
    text-align:right;    
}