/**
 * @file
 * Visual styles for the site branding block in Bartik.
 */


.site-branding__text {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.857em;
}
@media all and (max-width: 350px) {
	.site-branding__logo {
	  display: inline-block;
	  margin: 0 10px 0 0;
				width: 50px;
	}
.site-branding__name {
    font-size: 16px;
	line-height: 30px;
}
.site-branding__slogan {
	  font-size: 16px;
	  line-height: 17px;
}
}
@media all and (min-width: 351px) and (max-width: 899px) {
	.site-branding__logo {
	  display: inline-block;
	  margin: 0 10px 0 0;
		width: 50px;
	}
.site-branding__name {
    font-size: 16px;
	line-height: 30px;
}
.site-branding__slogan {
	  font-size: 16px;
	  line-height: 17px;
}
}
@media all and (min-width: 900px) {
	.site-branding__logo {
	  display: inline-block;
	  margin: 37px 15px 0 0;
	}
	
.site-branding__name {
    font-size: 48px;
	line-height: 50px;
	font-weight: bold;
	margin: 37px 0 0 0;
}
.site-branding__slogan {
	  font-size: 39px;
	  line-height: 54px;
	font-weight: bold;
	color: #a3a3a3;
		background-color: #FFF;
}
}