﻿legend {
            text-align: center;
            background: #00457c;
            color: #ffffff;
        }

.alert-success {
    color: white;
    background-color: #0b9151;
    border-color: #0b9151;
}

.alert-warning {
    color: black;
    background-color: #FDB713;
    border-color: #FDB713;
}
.alert-danger
{
    color: white;
    background-color: #9c302c;
    border-color: #9c302c; 
}

.btn-primary {
    color: white;
    background-color: #00457c;
    border-color: #00457c;
}

.btn-warning {
    color: black;
    background-color: #FDB713;
    border-color: #FDB713;
}
.btn-danger
{
    color: white;
    background-color: #3D0B6B;
    border-color: #59208E; 
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        #contentWrapper {
            width:100%;
        }

        #nav{
            display:none;
        }

        #imgMobile{
            display:block;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        #contentWrapper {
            width:100%;
        }

        #nav{
            display:none;
        }

        #imgMobile{
            display:block;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #contentWrapper {
            width:100%;
        }

        #nav{
            display:none;
        }

        #imgMobile{
            display:block;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        #contentWrapper {
            width:900px;
        }

        #nav{
            display:block;
        }

        #imgMobile{
            display:none;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #contentWrapper {
            width:1024px;
        }

        #nav{
            display:block;
        }

        #imgMobile{
            display:none;
        }
    }