/*------------- panel styles -----------------*/

/*------panel-rust-------*/
.panel-rust {
	border-color: #972900
}
.panel-rust>.panel-heading {
	color: #fff;
	background-color: #972900;
	border-color: #972900
}
.panel-rust>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #972900
}
.panel-rust>.panel-heading .badge {
	color: #972900;
	background-color: #fff
}
.panel-rust>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #972900
}
/*-------end------*/

/*------panel-green-------*/
.panel-green {
	border-color: #006838
}
.panel-green>.panel-heading {
	color: #fff;
	background-color: #006838;
	border-color: #006838
}
.panel-green>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #006838
}
.panel-green>.panel-heading .badge {
	color: #006838;
	background-color: #fff
}
.panel-green>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #006838
}
/*-------end------*/

/*------panel-grey-------*/
.panel-grey {
	border-color: #333333
}
.panel-grey>.panel-heading {
	color: #fff;
	background-color: #333333;
	border-color: #333333
}
.panel-grey>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #333333
}
.panel-grey>.panel-heading .badge {
	color: #333333;
	background-color: #fff
}
.panel-grey>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #333333
}
/*-------end------*/

/*-------bootstrap-panels----------*/
.panel-default {
	border-color: #ddd
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #D7DFDB;
	border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd
}
.panel-primary {
	border-color: #428bca
}
.panel-primary>.panel-heading {
	color: #fff;
	background-color: #428bca;
	border-color: #428bca
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #428bca
}
.panel-primary>.panel-heading .badge {
	color: #428bca;
	background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #428bca
}
.panel-success {
	border-color: #d6e9c6
}
.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6e9c6
}
.panel-info {
	border-color: #bce8f1
}
.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #bce8f1
}
.panel-warning {
	border-color: #faebcc
}
.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #faebcc
}
.panel-danger {
	border-color: #ebccd1
}
.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
	color: #f2dede;
	background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ebccd1
}


/*-------------------------------srp centered-image-mobile float-right-desktop------------------------------------*/

@media (min-width: 240px) and (max-width: 480px) {
        .img-ri{
   max-width:100%;
   display:block!important; 
   margin:0 auto !important; 
   float:none !important; 
   margin-top: 2%;
   margin-bottom: 2%;
}
	
	@media (min-width: 240px) and (max-width: 480px) {
        div.ri { 
   margin-top: 2%;
   margin-bottom: 2%;
}
		
		.img{
   border:0;
   max-width:100%; 
   height:auto;
}