.header, .sticky{background-color:white !important;}
.home-section-footer{background-color:white !important;}
.blog-content{
    display: flex;
    justify-content: center;
    width: 100%;
}
.article-container{
width: 65%;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center; margin:2em auto;
    padding: 4em 6em 4em 6em;  box-shadow: 0px 0px 0px 1px rgb(164, 152, 152); border-radius: 10px;
}
.blogpost-head{margin: auto auto 2em auto;}
.article-container h1{font-size:30px; text-align: center;}
.article-container h2{font-size:25px;color: #5e5ec7;margin:45px auto 25px auto;}
.article-container h3{font-size:25px;margin-top: 25px;     color: #eb6161;}


.feedback-box{margin: 4em auto 0em auto}

@media screen and (min-device-width: 320px) and (max-device-width: 600px)
{
.article-container {
    width: 98%;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2em auto;
    padding: 1em 1em 4em 1em;
    box-shadow: 0px 0px 0px 1px rgb(164 152 152);
    border-radius: 10px;
}
}

@media screen and (min-device-width: 601px) and (max-device-width: 1200px)
{
.article-container {
    width: 80%;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2em auto;
    padding: 3em 4em 4em 4em;
    box-shadow: 0px 0px 0px 1px rgb(164 152 152);
    border-radius: 10px;
}
}

@media screen and (min-device-width: 1500px) and (max-device-width: 2000px)
{
.article-container{width: 50%;}
}