.user-panel{
       padding: 15px;
}
.user-panel h2.heading{
	text-align: center;
	font-size: 2.25em;
	font-weight: 400;
	margin-top: 0.35em;
	margin-bottom: 0.6em;
}

.user-panel a.usertypeLink,
.user-panel a.usertypeLink:visited{
    text-decoration: none;
    font-size: 1.15em;
    display: block;
}

.user-panel .usertype{
	width: 100%;
	clear: both;
	display: block;
}

.user-panel .usertype span{
	font-size: 1.25em;
	margin: 0;
	width: 68%;
}

.user-panel .usertype span,
.user-panel .usertype img{
    vertical-align: middle;
    display: inline-block;
    padding: 0;
}

.user-panel span.usertype__link{
    /*width: 69%;
    display: inline-block;*/
}

.user-panel .usertype img{
	max-width: 111px;
	width: 30%;
}

.user-panel ul li{
	list-style-type: none;
}

.user-panel ul li{
	padding-bottom: 0.5em;
}

.user-panel ul li,
.user-panel ul li img{
	vertical-align: middle;
}

.user-panel ul li a,
.user-panel ul li a:visited{
	text-decoration: none;
	font-size: 1.2em;
}

.user-panel ul li a:hover{
	text-decoration: underline;
}

.user-panel.journalist span{
	font-size: 112%;
}

/*** colour specifications ***/

.user-panel-dark,
.user-panel-dark h2,
.user-panel-dark a,
.user-panel-dark ul li a,
.user-panel-dark ul li a:visited{
	color: #ffffff;
}

.user-panel-dark a.usertypeLink:hover{
    background: #324560;
}

.user-panel-dark{
	background-color: #192331;
}

.user-panel-light,
.user-panel-light h2,
.user-panel-light a,
.user-panel-light ul li a,
.user-panel-light ul li a:visited{
	color: #3c3d41;
}

.user-panel-light a.usertypeLink:hover{
    background: #cecece;
}

.user-panel-light{
	background-color: #ededed;
}

.user-panel-promo-body{
 padding: 0 1.5em;
}

.supportersFooter{
  background-color: #212e40;
  border-bottom: 1px solid #fff;
}

.supportersFooter a{
  display: inline-block;
  margin: 1em 1em 0.25em 1em;
}

.supportersFooter img{
  vertical-align: middle;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px){
.col-md-1 {
    width: 8.33333333%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-3 {
    width: 25%;
  }
.col-md-8 {
    width: 66.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
}


/***** menu nav logo *****/
.nav_logo{
    padding: 0 1em;
    display: block;
    width: auto;
    height: 48px;
    position: relative;
    float: right;
}

.nav_logo img:hover{
cursor: pointer;
}

.navbar__dropdown {
    max-width: 1254px;
    padding: 7px 40px;
    margin: 0 auto;
}


@media (min-width: 600px){
    .navbar__dropdown {
        height: 62px;
    }
}