body {
   
    margin: 0;
    padding: 0;
}

div {
    display: block;    
}

.overall-wrapper {
    width: 100%;
    height:800px;

}

.main-container {
    width: 100%;
    height: 790px;
    margin: 0 auto;
    background-color: #fffc;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);
}

.margin-adder{
    background: #FFF;
width: 13%;
margin: 100px auto 0;
height: 91px;
padding: 15px;
border-radius: 50%;
box-shadow: 0px 0 8px 2px rgba(0,0,0,0.1);
}

.clear-area-50 {
    width: 100%;
    clear:both;
    height:50px;
}

.clear-area-30 {
    width: 100%;
    clear:both;
    height:30px;
}


.clear-area-20 {
    width: 100%;
    clear:both;
    height:20px;
}

.heading-modifier {
    font-size: 50px;
    letter-spacing: 0.8px;
    font-weight: 400;
    color: #65bc29e6;
    font-family: 'Ubuntu', sans-serif;
}

.para-align{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.page-para {
    line-height: 33px;
font-size: 17px;
font-weight: 400;
    color: #232323;
    padding: 0px 25px;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
}

.Logo-Wrapper {
    width: 30%;
}