html, body {
    font-family: Lato, Arial, sans-serif;
    font-size: 62.5%;
    font-weight: 300;
    color: #38464d;
    margin-top:0;
    margin-bottom: 0;
}

p {
    font-size: 1.4rem;
}

footer {
    height: 10rem;
    background-color: #26afeb;
    
}

.footer_content {
    color: #fff;
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    padding-top: 4rem;
}

.footer_content a:link,
.footer_content a:visited{
    color: #fff;
}
/* Header */
.header {
    background: linear-gradient(to right,#55c0ef, #149edb);
   /* background-color: #26afeb; */
   margin: 0;
   padding: 4rem 0;
   color: #fff;
   display: flex;
   justify-content: center;
}

.header__text, .section__title {
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

.header__text{
    font-size: 3rem; 
}

.header__logo {
    width: 10rem;
    height: 10rem;
    margin-right: 2rem;
}


/* Section */
.section {
    padding-top: 7rem;
}

.section__icon{
    color: #26afeb;
    font-size: 5rem;
    display: block;
    text-align: center;
}

.section__title {
    font-size: 2.6rem;
    margin-bottom: 2.5rem;
}

.resource__card-title {
    font-size: 1.9rem;
    margin-bottom: 3rem;
}

/* Navigation */
.navigation{
    background-color: #f0fafe;
    padding: 1.5rem 0;
}

.navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
}

.navigation li {
    list-style: none;
    margin: 1.5rem 0;

}

.btn-small:link,
.btn-small:visited {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    margin: 0 1rem;
    border-radius: 1.5rem;
    color: #38464d;
    background-color: #e2e2e2;
    transition: background-color .7s, color .5s;
}

.btn-small:hover,
.btn-small:active {
    color: #fff;
    background-color: #ff951f;
}

/* Resources */
.resources {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
    margin-bottom: 0;
    background-color: #f9fafa;
    padding: 4rem 7rem 1rem;

}

.resource__card {
    /* flex: 1 1 0; */
    margin: 0 1rem 5rem;
    padding: 0 1rem;
    width: 28rem;
    border-left: .1rem solid #e2e2e2;
}

.resource__card-title a:link, 
.resource__card-title a:visited {
    color:#26afeb;
    text-decoration: none;
}

.resource__card-img{
    height: 3.4rem;
}

.resource-items {
    list-style: square;
}

.sublink:link,
.sublink:visited {
    color:#2cbbab;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
}

.favorite-link::after{
    content: "FAVORITE";
    background-color: #ff951f;
    color: #fff;
    font-size: .6rem;
    padding: .3rem .5rem;
    border-radius: .8rem;
    margin-left: 1rem;
}
 

/* Media Queries */
/* 
@media  only screen and (max-device-width: 812px){
    .header-text {
        font-size: 2rem;
        text-align: left;
        color: red;
    }
} */