.text-smaller {
    font-size: 0.8em;

}


.abstract {
    font-size: 0.8em;
    padding-left: 30px;
    padding-right: 20px;

}


.floatleft {
    float: left;

}

 


.centreimage {
    display: block;
    margin-left: auto;
    margin-right: auto;}





.menu-size {
    font-size: smaller;
}




.nice-line {
    background-repeat: no-repeat;

}




.special-paragraph {
    border-top: 5px solid #182d9a;}




.special-paragraph:hover {
    border-color: #b12525;
    text-transform: uppercase;

}



.search-box-wrapper{
    margin-left: auto;
    margin-right: auto;
   

    
}




/*below anchor is what I used for main heading in banner */

.anchor {
    font-size: 1.2rem;

}



@media (min-width: 576px) {

.anchor {
        font-size: 1.8rem;

    }

}






@media (min-width: 768px) {


.anchor {
        font-size: 2.3rem;

    }

}






@media (min-width: 992px) {

.anchor {
        font-size: 4rem;

    }

}






.display {}


.display:hover {
    color: #0e556e;
    text-transform: uppercase;

}