/* Task 2 CSS only Start */
.buttonContainer {
    margin-bottom:10px;
    display:flex;
    justify-content:center;
    width:100%;
} 

.buttonContainer a{
    margin : 0px 10px 0px 10px;
    color:#8e251f !important;
} 

.linkContainer {
    display: flex;
    align-items: center;
    text-decoration:none !important;
}
.linkContainer .fa-home, .linkContainer .fa-arrow-circle-left {
    margin-right:8px;
}

.linkContainer .fa-home, .linkContainer .fa-arrow-circle-right {
    margin-left:8px;
}

.separateBar{
    border:1px solid #198d98 !important;
}

.rightAlignImg {
    float:right; 
    width:45%; 
    padding:4px 0px 10px 10px;
}

.leftAlignImg {
    float:right; 
    width:45%; 
    padding:4px 0px 10px 10px;
}

.imgWithParagraph {
    width:75%;
}

.flexContainer{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.flexContainer a.imgContainer{
    margin:10px;
    width:30%;
    color : #8e251f !important;
}

/* Task 2 CSS only End */