/* style */
*{
    font-family: "Lato", "Roboto";
}


h1 a{
    color: red;
    text-decoration: none;
    font-weight: 200;
    font-size: 40px;
}

h2 {
    color: black;
    font-weight: 200;
}

body {
    font-family: lato;
    font-weight: 280;
    height: 80px;
    
}

header, article, footer {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

header nav a {
    color: rgb(104, 102, 102);
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 4px;
    opacity: 32%;
}



article h3 { 
    color: rgb(112, 111, 111);
    opacity: 20%;
    font-family: roboto;
    font-size: 40px;
    margin-bottom: 5px;
    margin-top: 10%;
    font-weight: 100;

}
article h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

article h2 a {
    color: black;
    text-decoration: none;
    font-weight: 30px;
    font-size: 26px;
}


header + article img:first-of-type {
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: 15px;
   
}


article:nth-of-type(2) img {
    height: auto;
    width: 100%;
    max-width: 700px;
    display: block;
    margin-bottom: 16px;
}

article p::first-letter{
    float:left;
    font-size:85px;
    color: lightgrey;
    margin-right: 10px;
    line-height: 0.8;
    
}

img + p{
   font-size: 18px; 
   padding-top: 2.5%;
   line-height: 1.5em;  
}

article > h4 a {
    color: red;
    float: right;
   
}

article {
    border-bottom: 1.5px solid lightgrey;
}




footer {
    padding-top: 50px;
    color: grey;
}

footer > nav {
    color: lightgrey; 
}

footer > nav a {
    color: red;
    text-decoration: none;
    opacity: none;
   

}

/* Tablet */

@media screen and (max-width: 1024px){
   


}