.btnlist .row.primary{display: table;table-layout: fixed;width: 100%;}
.btnlist .row .primary-column{display : table-cell;height:100%; float: none;}
.btnlist .row .primary-column{padding-bottom: 20px;}
.btnlist .btnlist-title{
    margin-top: 0px;
    margin-bottom: 20px;
}
.btnlist .btnlist-section-title{
    text-align: center;
}
.btnlist h2,.btnlist h1{text-align: center;}
.btnlist h2{margin-top: 20px; margin-bottom: 20px;}
.btnlist .btn{width: 100%;}
.section.grey{background-color: #ddd;}
.outer_button.btn-width-6{width: 49.4%; display: inline-block;}
.outer_button.btn-width-4{width: 33%; display: inline-block;}
.col-theme-blue{background-color: #003e7e;}
.col-theme-blue *{color: #fff;}
.col-theme-blue h2{color: #fff !important;}
.col-theme-blue .btn{background: none !important; border-color: #fff; color: #fff !important;}
.col-theme-blue .btn:hover{background-color: #fff !important; color: #003e7e !important;}
.col-theme-white{background-color: #fff;}
.btnlist p{text-align: center;}
.btnlist .description{min-height: 50px;}


.btnlist .container{padding: 0px;}
.btnlist .row.primary{margin: 0px;}
.btnlist .col-xs-12{padding-top:20px; padding-bottom:20px;}
.btnlist .container.white-text,
.btnlist .container.white-text h1,
.btnlist .container.white-text h2,
.btnlist .container.white-text h3,
.btnlist .container.white-text h4,
.btnlist .container.white-text h5,
.btnlist .container.white-text h6{
    color: white;
}

.white-text{
    color: white !important;
}
.btnlist .btn-width-12{width: 99.6%;}
.btn-col .outer_button{display: inline-table;    vertical-align: middle;    margin-bottom: 10px;}
.btn-col .btn{display: table-cell; height: 100%; vertical-align: middle;}
.btnlist .spacer{height: 30px;}
.btnlist .btnlist-title{padding-top: 40px;}

/* Research buttons*/
.row.row-flex{ display: flex !important;}
.col-flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acronym{
    font-size: 20px;
    font-weight: bold;
}



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .btnlist h2{margin-top: 0px; padding-top:20px;}
        .btnlist .row.primary{display: block;margin: 0px;}
        .btnlist .container{padding:0px;}
    	.outer_button{width: 100% !important;}
    	.btnlist .row,.btnlistt .row .primary-column {display: table;}
        .btnlist .row .primary-column{display : block;}


    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    	.outer_button{width: 100% !important;}
        .btn-col .btn{display: block; height: auto;}
        .research.outer_button {
            height: auto !important;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

     @media only screen and (max-width : 890px) {

        .outer_button.btn-width-4{width: 48%; display: inline-block;}

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
</style>