@charset "UTF-8";
/* CSS Document */

body {
    background-color: #FFFFFF;
}
.mainpanel p  {
    text-align: center;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    color: #00009C;
}
#container {
    width: 100%;
    float: left;
}
#container .mainpanel {
    float: left;
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 474px;
    width: 80%;
    height: auto;
    margin-top: 20px;
}
a:link, a:visited {
    background-color: #FF9406;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}


a:hover, a:active {
    background-color: #00009C;
}#container .buttonpanel {
    width: 44%;
    display: block;
    float: left;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 4%;
}
#container .buttonpanel2 {
    width: 44%;
    display: block;
    float: left;
    margin-top: 30px;
    margin-left: 2%;
    margin-right: 4%;
}

@media (max-width : 677px ){
#container .mainpanel .buttonpanel {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
}
#container .mainpanel .buttonpanel2 {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
    margin-top: 5px;
}
.reddy {
	color: #FF1115;
}
}