@font-face {
  font-family: 'Oswald';
  src: url('assets/Oswald-Regular.ttf');
}

*{
    margin:0;
    padding:0;
    --ne-green: #036250;
    --font-title : "Montserrat", "Open Sans", "Helvetica Neue", sans-serif;
}

html{
    font-family: "Barlow", "Open Sans", "Helvetica Neue", sans-serif;
}

header{
    background-color: var(--ne-green);
    height: 60px;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo{
    height: 45px;
    width:auto;
    margin:0 0 0 15px;
}
.header-text{
    font-family: "Oswald";
    color:white;
    margin: 0 15px 0 0;
    font-size: 20px;
    text-align: right;
}
footer{
    background-color: var(--ne-green);
    height: 40px;
    margin-top:20px;
}

section{
    margin:auto;
    width:90%;
    max-width: 1200px;
    font-size: 1em;
}

hr{
    border: 1px solid var(--ne-green);
    margin: 20px 5px 20px 5px;
}


h1, h2, h3, h4, h5, h6{
    font-family: var(--font-title);
}
h1{
    margin-top:50px;
    margin-bottom:20px;
}
h2{
    margin-top:20px;
}
.subtitle{
    font-family: var(--font-title);
    margin:0 0 15px 0;
    font-weight: bold;
}

p{
    line-height: 130%;
    font-weight: 400;
    text-align: justify;
    margin: 10px 0px 10px 0px;
}
sup{
    line-height: 0;
}

figure{
    margin-top:30px;
    margin-bottom:30px;
}
img{
    margin:auto;
    display: block;
    width: 100%;
    max-width: 900px;
}
figcaption{
    margin-top:20px;
    text-align: center;
}

li{
    margin: 10px 0px 5px 1em;
}

@media (max-width: 600px) {
  .header-text {
    font-size: 12px;
  }
  .header-logo{
    height: 25px;
  }
}