/*Index CSS*/


/* Main text
 ---------------------------------------*/

.DivColumn_MainText{
    padding-left: 20%;
    padding-right: 20%;
}

@media (max-width: 600px) {

    .DivColumn_MainText{
        padding-left: 15%;
        padding-right: 15%;
    }
}

/* Elements
 ---------------------------------------*/
h1 {
    text-align: center;
    color: #a53131;
    font-weight: bold;
}

p {
    text-align: center;
}

/*middle section
---------------------------------------*/
h4 {
    text-align: center;
    color: #981212;
    font-weight: bold;
    padding-top: 10px;
}

.Outer_Div{
    display: contents;
    background-color: #efefef;
    height: 300px
}

.Main_Row{
    display: flex;
    justify-content: center;
    padding-top: 33px
}

.Main_Row > div {
    display: flex;
    justify-content: center;
}

@media (max-width: 900px) {
    .Main_Row > div {
        flex-direction: column;
    }
}

.linkboxContainer {
    display: inline-block;
}

.Img_Styling{
    display:block;
    margin:auto;
    height: 180px;
    width: 300px;
}

.Img_Styling:hover{
    display:block;
    margin:auto;
    height: 180px;
    width: 300px;
    opacity: 0.6;
}

.Img_Div_Styling{
    background-color:#fff;
    height: 60px;
    width: 300px;
    margin:auto;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.Link_Styling{
    color: #981212;
}

.Link_Styling:hover{
    color: #981212;
}