/* start main logo */
header .logo-composition { font-size: 15px; color: #000; font-family: 'Open Sans', sans-serif; position: relative; z-index: 5; white-space: nowrap; width: 100%; }
header .logo-composition .angola { display: inline-block; vertical-align: bottom; max-width: 150px; margin: 1% 0; }
header .logo-composition .domain-composition { display: inline-block; vertical-align: bottom; position: relative; padding: 0 0 0 10px; margin: 0 0 0 4px; width: 83%; overflow: hidden; }
header .logo-composition .domain-composition::before { content: ''; display: block; clear: both; position: absolute; bottom: 0; left: 0; width: 1px; height: 73%; background-color: #000; }
header .logo-composition .domain-name { font-size: 2.3em; font-weight: 700; letter-spacing: -0.19rem; line-height: normal; display: inline-block; }
header .logo-composition .domain-top-level { font-size: 1.8em; color: #ed1c24; font-weight: 300; letter-spacing: -0.1rem; line-height: 1; position: relative; top: -3px; margin-left: 5px; }
header .logo-composition .domain-full-title { font-size: 0.65em; font-weight: 400; display: block; text-transform: uppercase; line-height: normal; line-height: 1; width: 100%; max-width: 268px; min-width: 186px; position: relative; top: -1px; white-space: normal; }

@media all and (max-width: 767px) {
	header .container { max-width: none; }
	header .navbar { padding-left: 0; padding-right: 0; }
	header .navbar-brand { width: 72%; }
	header .logo-composition { font-size: 14px; }
	header .logo-composition .angola { width: 40%; }
	header .logo-composition .domain-composition::before { height: 70%; }
}
@media(max-width: 575px) {
	header .navbar-brand { width: 72%; }
}

@media(max-width: 544px) {
	header .navbar { padding-left: 0; padding-right: 0; }
	header .navbar-brand { width: 100%; }
	header .logo-composition { font-size: 11px; }
	header .logo-composition .angola { width: 35%; }
	header .logo-composition .domain-full-title { max-width: 240px; }
}
/* end main logo */