.navigation-2{
    display:flex;
    justify-content:left;
    align-items: flex-end;
    position: absolute;
    right:0;
    top:0;
}
.navigation-2 a{
    font-size: 35px;
    text-decoration: none;
    color:white;
    padding-right:50px;
}
.header-img{
    background-color:#c98024;
    width:100%;
    height:40%;
}
/* main-container */

.navigation-2{
    top:30px;
}
.main-text{
    padding:120px;
    
    padding-left: 0px;
    font-size: 30px;
    color:white;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
}
.blog{
    margin-top:5%;
    text-align: center;
    margin-left:10%;
    margin-right: 10%;
}
.blog-heading{
    font-size: 25px;
    padding:20px;
    padding-left: 0;
}
.blog-container{
    display:flex;
    justify-content: center;
}
.blog-container p{
text-align: left;
width:100%;
font-size: 20px;;
}
.blog-container img{
    padding-right:30px;
   width:100%;
    /* height:100%; */
}
.blogimg{
    width:40%;
}
.blog-content{
    padding-top:30px;
    width:60%;
}
/* story */
.story{
    margin-top:10%;
}
/* .story{transform: translateY(30%);} */
.story h3{
    background-color:rgb(245, 241, 241);
    text-align:left;
    font-size: 30px;
    padding:20px;
}
.story-content{
display:flex;
padding-top:20px;
}
.storytext{
width:75%;
}
.story p{
    text-align: left;
    font-size: 20px;
    
}
.storyimg{
    width:25%;
}
.story-content img{
    width:100%;
    
}

/* related Resources */

.related-resources{
    margin-left:10%;
    margin-right:10%;
    /* transform: translateY(60%); */
}
.related-heading{
 font-size: 25px;
 padding:20px;
 padding-left:0px;
}
.related-resources-container{
    display:grid;
    grid-template-columns: repeat(4 ,1fr);
    grid-gap:20px;
}
.related-resource-box a{
 text-decoration: none;
 color:black;
 font-size: 20px;

}
.related-resource-box img{
    padding-bottom:10px;
    width:100%;
}

@media(max-width:770px){
    .navigation-2{
        position: absolute;
        /* width:100%; */
        right:10;
       
    }
    .main-text{
        text-align: center;
        padding:70px;
        font-size: 20px;
        padding-bottom: 0px;
    }
    .navigation-2 a{
        font-size: 30px;
        padding-right:20px;
    }
    .header-img{
        height:30vh;
    }
    .story-content{
        display:grid;
        grid-template-columns: 1f;
    }
    .storytext{
    width:100%;
    }
   .storyimg{
    width:100%;
   }
   .blog-container{
    display:grid;
    grid-template-columns: 1fr;
   }
   .blogimg{
    width:100%;

   }
   .blog-content{
    width:100%;
   }
}
@media(max-width:500px){
    .navigation-2{
        position: absolute;
        /* width:100%; */
        right:10;
       
    }
    .main-text{
        text-align: center;
        padding:90px;
        font-size: 20px;
        padding-bottom: 0px;
    }
    .navigation-2 a{
        font-size: 30px;
        padding-right:20px;
    }
    .header-img{
        height:30vh;
    }
    .story-content{
        display:grid;
        grid-template-columns: 1f;
    }
    .storytext{
    width:100%;
    }
   .storyimg{
    width:100%;
   }
   .blog-container{
    display:grid;
    grid-template-columns: 1fr;
   }
   .blogimg{
    width:100%;

   }
   .blog-content{
    width:100%;
   }
}