@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	body {
		font-size: 14px;
	}
	
	.back-link {
		margin-top: 20px;
	}
	
	.btn {
		  padding: 8px 10px 7px;
	}

/* ************************************************************************************************* */
}

@media screen and (max-width: 1315px) {
    
    .container {
        margin-left: 65px;
    }
    
}

@media screen and (max-width: 1235px) {
    
    #header .search input[type="text"] {
        width: 300px;
    }

}


@media screen and (max-width: 1190px) {
    
    
    #header .search {
        margin-left: 40px;
    }

}

@media screen and (max-width: 1140px) {
    
    #header .search input[type="text"] {
        width: 260px;
    }

}
    

@media screen and (max-width: 1024px) {
/* ************************************************************************************************* */

#header .search:hover input[type="text"],
#header .search input[type="text"]:focus {
	border-color: #eaeaea;
}

#header .search input[type="submit"]:hover {
	background-position: 0 0;
}

#header .menu ul li.logout a:hover {
	background-position: 0 0;
}

#header .menu ul li.help a:hover {
	background-position: 0 0;
}

#footer a:hover {
	color: #333;
}

#menu .level-1 ul li a:hover {
	background-color: transparent;
}

#menu .level-2 ul li a:hover,
#menu .level-3 ul li a:hover {
	background-color: transparent;
}

#menu .links li a:hover {
	background-color: transparent;
}

#articles .sidebar .menu ul li a:hover {
	background-color: #fff;
	border-color: #ededed;
	color: #333;
}

#articles .sidebar .menu ul li a:hover:after {
	display: none;
}

#login .login-box form .button input[type="submit"]:hover {
	background-color: transparent;
	color: #fff;
}

#login .register-box .button a:hover {
	background-color: #494949;
	border-color: #494949;
}

#login .login-box form .link:hover {
	text-decoration: none;
}

.btn.gray:hover {
	background-color: #434343;
	border: 1px solid #434343;
	color: #fff;
}

#form form .buttons .button.light:hover {
	background-color: #fff;
}

#form form .buttons .button.dark:hover {
	background-color: #494949;
	border: 1px solid #494949;
	color: #fff;
}

.back-link:hover {
	color: #999;
}

.back-link:hover:before {
	background-position: 0 0;
}

/* ************************************************************************************************* */
}

/* header
==================================================================================================== */

@media screen and (min-width: 1066px) {
/* ************************************************************************************************* */

	#header .search {
		display: block !important;
	}

/* ************************************************************************************************* */
}

@media screen and (max-width: 1065px) {
/* ************************************************************************************************* */
        .container {
            margin-left: auto;
        }
    
        #header.lm {
		height: 130px;
	}
        
	#header .logo {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header .search {
		display: none;
		position: absolute;
		top: 92px;
		right: 0;
		float: none;
		margin: 0;
		padding: 5px;
		width: 100%;
		background-color: #434343;
	}
	
	#header .search input[type="text"] {
		width: 100%;
		border-color: #fff;
	}
	
	#header .search input[type="submit"] {
		top: 17px;
		left: 20px;
	}
	
	#header .search-button {
		display: block;
	}
	
	#header .menu {
		display: none;
	}
        
        .helpdesk-d {
            display: none;
        }
        
        .helpdesk-m {
            width: 100%;
            height: 44px;
            display: block;
            background-color: #333333;
            margin: 0 auto;
            padding: 0px;
        }

        .helpdesk-m .helpdesk-top {
            font-weight: 700;
            margin-top:  5px;
            text-align: center;
            color: #fff;
            font-weight: 700;
            font-size: 13px;
            width: 100%;
        }
        
        .helpdesk-m .helpdesk-top span {
            color: #b3b0b0;
            font-weight: 700;
            margin-right: 10px;
            color: #999999;
        }
        
        .helpdesk-m .helpdesk-top a{
            color: #fff;
            font-weight: 700;
            margin-left: 10px;
        }

        .helpdesk-m .helpdesk-bottom {
            font-weight: 700;
            margin-top:  5px;
            text-align: center;
            color: #7e7e7e;
            font-weight: 400;
            font-size: 12px;
            width: 100%;
        }         

/* ************************************************************************************************* */
}

@media screen and (max-width: 480px) {
/* ************************************************************************************************* */
	
	body {
		/*padding-top: 47px;*/
	}

	.breadcrumbs {
		padding-left: 50px;
		padding-top: 15px !important;
	}

	#header {
		height: 46px;
	}
        
        #header.lm {
		height: 90px;
	}

	#header .logo {
		margin-top: 10px;
		width: 152px;
	}
	
	#header .logo img {
		width: 152px;
	}
	
	#header .search {
		top: 46px;
	}

/* ************************************************************************************************* */
}

/* footer
==================================================================================================== */

@media screen and (max-width: 700px) {
/* ************************************************************************************************* */

	#footer {
		bottom: 15px;
	}

	#footer p {
		float: none;
		margin-top: 10px;
		line-height: 1.3;
		text-align: center;
	}

	#footer nav {
		float: none;
		text-align: center;
	}

	#footer nav ul {
		float: none;
	}

	#footer nav ul li {
		display: inline-block;
		float: none;
		margin-left: 15px;
	}

/* ************************************************************************************************* */
}

/* menu
==================================================================================================== */

@media screen and (max-width: 1065px) {
/* ************************************************************************************************* */

	#header {
		z-index: 90;
	}

	#headerInfo {
		height: 73px;
	}

	#menu.mobile-only,
	#menu-button.mobile-only {
		display: block;
	}
	
	#menu-button {
		z-index: 100;
		top: 35px;
		width: 35px;
		height: 21px;
		overflow: hidden;
	}
	
	#menu-button:before {
		margin: 0;
	}
	
	#menu {
		z-index: 95;
		padding-top: 0;
	}
	
	#menu .categories {
		padding-top: 92px;
	}
	
	#menu .links {
		display: block;
	}

/* ************************************************************************************************* */
}

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#menu .level-1 ul li,
	#menu .level-2 ul li,
	#menu .level-3 ul li,
	#menu .links li {
		height: 43px;
	}

	#menu .level-2 ul li.back,
	#menu .level-3 ul li.back {
		height: 41px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 480px) {
/* ************************************************************************************************* */

	#menu-button {
		top: 16px;
		width: 24px;
		height: 14px;
	}
	
	#menu-button:before {
		width: 24px;
		height: 14px;
		background-image: url(../img/menu-button-mobile.png);
	}
	
	#menu-button.active:before {
		background-position: 0 -14px;
	}
	
	#menu .categories {
		padding-top: 46px;
	}

}
/* ************************************************************************************************* */

/* login
==================================================================================================== */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#login h1 {
		margin-top: 100px;
		font-size: 28px;
	}
	
	#login h2 {
		margin-top: 20px;
		line-height: 1.3;
	}

	#login .boxes {
		margin-top: 40px;
	}

	#login .boxes .box {
		float: none;
		margin-top: 20px;
		width: 100%;
	}
	
	#login .boxes .box:first-child {
		margin-top: 0;
	}

	#login .login-box {
		margin-right: 0;
		height: auto;
	}
	
	#login .login-box .wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#login .login-box h3 {
		margin-top: 0;
		font-size: 18px;
	}
	
	#login .login-box form {
		margin-top: 20px;
	}
	
	#login .login-box form .button {
		position: static;
		margin-top: 20px;
	}
	
	#login .register-box {
		margin-left: 0;
		height: auto;
	}
	
	#login .register-box .wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#login .register-box h3 {
		margin-top: 0;
		font-size: 18px;
	}
	
	#login .register-box p {
		margin-top: 20px;
	}
	
	#login .register-box .button {
		position: static;
		margin-top: 20px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 640px) {
/* ************************************************************************************************* */

	#login {
		background-image: url(../img/login-bg-mobile.jpg);
	}

}
/* ************************************************************************************************* */

/* form-box
==================================================================================================== */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#form-box h1 {
		margin-top: 40px;
		font-size: 28px;
	}

	#form-box form {
		margin-top: 40px;
	}

	#form-box form {
		padding: 20px 10px;
	}
	
	#form-box form h2 {
		font-size: 18px;
	}
	
	#form-box form .content {
		margin-top: 20px;
	}
	
	#form-box form p {
		margin-top: 20px;
		line-height: 1.3;
	}
	
	#form-box form .buttons {
		margin-top: 20px;
	}

}
/* ************************************************************************************************* */

/* form
==================================================================================================== */

@media screen and (max-width: 1120px) {
/* ************************************************************************************************* */

	#form .steps li span {
		margin-left: 20px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 1020px) {
/* ************************************************************************************************* */

	#form .steps li span {
		clear: left;
		margin-left: 0;
	}
        
        #accout .content .wrapper .edit-wrapper .delete-account-link {
            margin-left: 0px;
        }

}
/* ************************************************************************************************* */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#form h1 {
		margin-top: 40px;
		font-size: 28px;
	}
	
	#form h2 {
		margin-top: 20px;
		line-height: 1.3;
	}
	
	#form .steps {
		margin-top: 40px;
	}
	
	#form .steps li > div {
		padding: 0 20px;
	}
	
	#form .steps li strong {
		font-size: 18px;
	}
	
	#form .steps li span {
		margin-top: 5px;
		line-height: 1.3;
		font-size: 14px;
	}
	
	#form form {
		margin-top: 40px;
	}
	
	#form.verification form {
		margin-top: 40px;
	}
	
	#form form .fields-1 {
		padding: 20px 20px 0;
	}
	
	#form form .fields-1 .column {
		float: none;
		margin-top: 40px;
		width: 100%;
	}
	
	#form form .fields-1 .column:first-child {
		margin-top: 0;
	}
	
	#form form .fields-1 .column .content {
		padding: 0 !important;
	}
	
	#form form .fields-1 h3 {
		padding: 0;
		text-align: center;
		font-size: 18px;
	}
	
	#form form .fields-1 .row,
	#form form .fields-1 .row.regon {
		margin-top: 20px;
	}
	
	#form form .fields-1 .informations {
		margin-top: 20px;
		margin-left: 0;
	}
	
	#form form .fields-1 .regon-field div {
		padding-right: 130px;
	}
	
	#form form .fields-1 label {
		float: none;
		margin-bottom: 5px;
		padding-right: 0;
		width: 100%;
		height: auto;
		text-align: left;
	}
	
	#form form .fields-1 label span {
		padding-top: 0;
	}
	
	#form form .fields-1 .cf-input,
	#form form .fields-1 .cf-select,
	#form form .fields-1 .regon-field {
		float: none;
		width: 100%;
	}
	
	#form form .terms {
		margin-top: 40px;
		padding: 20px;
	}
	
	#form form .terms .cf-checkbox {
		  margin: 20px 0 0 0;
	}
	
	#form form .buttons {
		  margin: 20px auto;
	}
	
	#form form .fields-2 {
		margin-top: 20px;
		padding: 20px;
	}
	
	#form form .fields-2 .columns {
		padding-left: 0;
	}
	
	#form form .fields-2 .column {
		float: none;
		margin-top: 20px;
		width: 100%;
		max-width: 100%;
	}
	
	#form form .fields-2 .column:first-child {
		margin-top: 0;
	}
	
	#form form .fields-2 .column .content {
		padding: 0;
	}
	
	#form form .fields-2 h3 {
		padding-top: 0;
		text-align: center;
		font-size: 18px;
	}
	
	#form form .fields-2 p {
		margin-top: 20px;
		padding-top: 0;
		padding-left: 45px;
		max-width: 100%;
		background: url(../img/icon-info.png) no-repeat center left;
		line-height: 1.3;
		font-size: 14px;
	}
	
	.cf-multiselect .subcategory > li > div > span {
		padding-left: 21px;
	}
	
	#form form .summary {
		padding: 20px;
	}
	
	#form form .summary .column {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	#form form .summary .column:first-child {
		margin-top: 0;
	}
	
	#form form .summary .column:first-child .content {
		padding: 0;
	}
	
	#form form .summary h3 {
		text-align: center;
		font-size: 18px;
	}
	
	#form form .summary .text {
		margin-top: 20px;
		line-height: 1.65;
	}
	
	#form form .summary .text p {
		margin-top: 20px;
	}
	
	#form form .summary .text h4 {
		margin-top: 20px;
		font-size: 16px;
	}
	
	#form form .summary .text ul {
		margin-top: 0;
	}
	
	#form form .summary .representative {
		margin-top: 20px;
	}
	
	#form form .summary .representative .photo {
		width: 100px;
	}
	
	#form form .summary .representative .about {
		padding-left: 110px;
	}
	
	#form form .summary .representative .about h4 {
		font-size: 16px;
	}
	
	#form form .summary .representative .about p {
		margin-top: 10px;
		line-height: 1.65;
	}
	
	#form form .summary .change-representative {
		margin-top: 40px;
	}
	
	#form form .summary .change-representative .cf-select {
		margin-top: 10px;
	}
	
	#form form .summary .informations {
		margin-top: 40px;
		max-width: 100%;
		background-position: 0 center;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 520px) {
/* ************************************************************************************************* */

	#form form .buttons {
		text-align: center;
	}

	#form form .buttons .button {
		display: inline-block;
		float: none !important;
		margin-top: 20px;
	}
	
	#form form .buttons .button:first-child {
		margin-top: 0;
	}
	
	#form form .summary .representative .photo {
		display: block;
		float: none;
		margin-bottom: 20px;
		width: 180px;
	}

	#form form .summary .representative .about {
		padding-left: 0;
	}
	
	#form form .summary .change-representative label {
		line-height: 1.3;
	}

}
/* ************************************************************************************************* */

/* popup
==================================================================================================== */

@media screen and (max-width: 1199px) {

	#popup .content p br {
		display: none;
	}

}

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#popup .content {
		padding: 20px;
	}

	#popup .content h6 {
		font-size: 18px;
	}
	
	#popup .content .icon {
		margin: 20px auto;
	}

	#popup .content .separator {
		margin: 20px auto;
	}
	
	#popup .content .buttons {
		margin-top: 20px;
	}
	
}
/* ************************************************************************************************* */

/* home
==================================================================================================== */

@media screen and (max-width: 1199px) {
/* ************************************************************************************************* */

	#home .photo {
		margin: 40px auto 0;
	}
	
	#home .photo img {
		max-width: 100%;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 1024px) {
/* ************************************************************************************************* */

        #accout .content .wrapper .edit-wrapper.pre-edit .row p,
        #accout .content .wrapper .edit-wrapper.pre-edit .row label {
            width: 100%;
            padding-left: 20px;
            padding-right: 0px;
            text-align: left;
        }

        #accout .content .wrapper .edit-wrapper h3 {
            margin-left: 15px;
        }

	#home .steps {
		margin: 40px auto 0;
		max-width: 300px;
	}

	#home .steps li {
		display: table;
		margin-top: 40px;
		padding-left: 0;
	}
	
	#home .steps li:first-child {
		margin-top: 0;
	}
	
	#home .steps li:after {
		position: absolute;
		top: 100%;
		left: 35px;
		right: auto;
		margin-top: 15px;
		width: 14px;
		height: 9px;
		background-image: url(../img/icon-caret-step-mobile.png);
	}
	
	#home .steps li .content {
		padding-right: 0;
		background-size: 83px 85px !important;
		height: 85px;
	}
	
	#home .steps li .content p {
		padding-left: 100px;
		line-height: 1.3;
		font-size: 14px;
	}
        
       

}
/* ************************************************************************************************* */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#home h1 {
		margin-top: 40px;
		font-size: 28px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 680px) {
/* ************************************************************************************************* */

	#home .photo {
		position: relative;
		overflow: hidden;
		margin: 40px 0 0 -10px;
		padding: 0 10px;
		width: 100%;
		height: 419px;
	}
	
	#home .photo img {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -350px;
		width: 700px;
		max-width: none;
		height: 419px;
	}

}
/* ************************************************************************************************* */

/* books
==================================================================================================== */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#books h1 {
		margin-top: 20px;
		font-size: 28px;
	}
	
	#books .list {
		margin-top: 20px;
		padding-top: 0;
	}
	
	#books .list li {
		margin-top: 20px;
		margin-bottom: 0;
		width: 33.33%;
	}
	
	#books .list li:nth-child(4n+1) {
		clear: none;
	}
	
	#books .list li:nth-child(3n+1) {
		clear: left;
	}
	
	#books .list img {
		margin-bottom: 15px;
	}
	
	#books .list p {
		margin-top: 10px;
		line-height: 1.65;
	}
	
	#books .pagination {
		margin-top: 20px;
		padding-top: 10px;
	}
	
	#books .pagination a {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	
	#books .pagination span {
		height: 30px;
		line-height: 30px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 640px) {
/* ************************************************************************************************* */

	#books .list li {
		width: 50%;
	}

	#books .list li:nth-child(3n+1) {
		clear: none;
	}
	
	#books .list li:nth-child(2n+1) {
		clear: left;
	}
        
        

}
/* ************************************************************************************************* */

@media screen and (max-width: 480px) {
/* ************************************************************************************************* */

	#books .list li {
		clear: left !important;
		width: 100%;
	}
	
	#books .list li .content {
		width: 100%;
	}
	
	#books .list img {
		float: left;
		margin-right: 10px;
		margin-bottom: 0;
		width: 120px;
	}

}
/* ************************************************************************************************* */

/* book
==================================================================================================== */

@media screen and (max-width: 1024px) {
/* ************************************************************************************************* */

	#book .content .downloads ul li .buttons {
		display: block;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#book .content {
		margin-top: 40px;
	}

	#book .photo {
		display: none;
	}
	
	#book .photo-mobile {
		display: block;
		float: left;
		margin-right: 10px;
		width: 140px;
	}
	
	#book .content .wrapper {
		padding-left: 0;
	}
	
	#book .content h1 {
		font-size: 18px;
	}
	
	#book .content .basic-informations {
		margin-top: 20px;
		line-height: 1.65;
		font-size: 14px;
	}
	
	#book .content .downloads {
		float: left;
		clear: left;
		margin-top: 40px;
		width: 100%;
		max-width: 100%;
	}
	
	#book .content .downloads.extra {
		margin-top: 40px;
	}
	
	#book .content .downloads .info {
		margin-top: 10px;
	}
	
	#book .content .downloads > .buttons {
		margin-top: 20px;
	}
	
	#book .content .downloads ul {
		margin-top: 10px;
	}

	#book .content .downloads ul li > div {
		padding: 0 205px 0 55px;
	}
	
	#book .content .downloads ul li .buttons {
		top: 16px;
	}
        	
}
/* ************************************************************************************************* */

@media screen and (max-width: 420px) {
/* ************************************************************************************************* */

	#book .content h2 {
		line-height: 1.3;
	}

	#book .content .downloads ul li.book {
		background-size: 21px 19px;
		background-position: 8px 23px;
	}

	#book .content .downloads ul li.audio {
		background-size: 20px 13px;
		background-position: 10px 26px;
	}

	#book .content .downloads ul li > div {
		padding: 0 165px 0 40px;
		font-size: 12px;
	}

	#book .content .downloads ul li .buttons {
		top: 21px;
	}
	
	#book .content .downloads ul li .buttons .btn {
		margin-left: 5px;
		padding: 4px 2px 3px;
		font-size: 12px;
	}

}
/* ************************************************************************************************* */

/* articles
==================================================================================================== */

@media screen and (max-width: 1024px) {
/* ************************************************************************************************* */

	#articles .content .wrapper {
		padding-left: 300px;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#articles h1 {
		margin-top: 20px;
		font-size: 28px;
	}
	
	#articles .sidebar {
		margin-top: 20px;
	}
	
	#articles .content {
		margin-top: 20px;
	}
	
	#articles .sidebar .menu ul li a {
		padding: 2px 15px 0;
	}
	
	#articles .content article {
		margin-top: 40px;
	}
	
	#articles .content article h2 {
		line-height: 1.3;
		font-size: 18px;
	}
	
	#articles .content article p {
		margin-top: 10px;
		line-height: 1.65;
	}

}
/* ************************************************************************************************* */

@media screen and (max-width: 640px) {
/* ************************************************************************************************* */
        #accout .sidebar,
	#articles .sidebar {
		float: none;
		margin: 20px 0 0 0;
		width: 100%;
	}
        
	#accout .content, 
	#articles .content {
		float: none;
		margin-top: 40px;
	}
	#accout .content .wrapper,
	#articles .content .wrapper {
		padding-left: 0;
	}
        


}
/* ************************************************************************************************* */

/* articles
==================================================================================================== */

@media screen and (max-width: 820px) {
/* ************************************************************************************************* */

	#article h1 {
		margin-top: 20px;
		font-size: 28px;
	}

	#article .wysiwyg-content {
		margin-top: 20px;
	}
	
	.wysiwyg-content {
		line-height: 1.3;
	}
	
	.wysiwyg-content > * {
		margin-bottom: 10px;
	}

	.wysiwyg-content h1,
	.wysiwyg-content h2,
	.wysiwyg-content h3,
	.wysiwyg-content h4,
	.wysiwyg-content h5 {
		font-size: 18px;
	}
        
        #form form .info-justice {
                margin: 20px 0 0 0;
        }        

}
/* ************************************************************************************************* */


/* accout
==================================================================================================== */

@media screen and (max-width: 1000px) {
/* ************************************************************************************************* */
    #accout .content .wrapper.bigger,
    #accout .content .wrapper {
        width: auto;
    }
    
    .representative img {
        float: left;
        clear: both;
        margin-bottom: 30px;
    }

    #accout .content .wrapper .edit-wrapper .representative .about {
        float: left;
        margin-left: 30px;
    }
    
    #accout .content .wrapper .edit-wrapper #dynamic-manuals-list-checked {
        clear: both;
        margin-left: 30px;
    }
    
    #accout .content .wrapper .edit-wrapper .categories {
        height: 200px;
    }
    
    #accout .content .wrapper .account-content .button.dark {
        float: left;
        margin-left: 20px;
    }
    
    #accout .content .wrapper .edit-wrapper .row p,
    #accout .content .wrapper .edit-wrapper .row label {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        text-align: left;
    }

    #accout .content .wrapper .edit-wrapper .row .regon-field,
    #accout .content .wrapper .edit-wrapper .row .cf-input, 
    #accout .content .wrapper .edit-wrapper .row .cf-select {
        width: 90%;
        margin-left: 5% !important;
        margin-right: 5% !important;
        text-align: left;
    }

    #accout .content .wrapper .edit-wrapper .row .regon-field div {
        width: 45%;
        float: left;
        padding-right: 0px;
    }

    .cf-select .selected:after {
        right: 7%;
    }

    #accout .content .wrapper .account-content .buttons .button {
        width: 90%;
        margin-left: 5% !important;
        margin-right: 5% !important;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 10px;
    }       

    #accout .content .wrapper .edit-wrapper .row p.info {
        background: none;
        padding-left: 0px;
    }

    #accout .content .wrapper .edit-wrapper .delete-account-link {
        width: 100%;
        display: block;
        margin-top: 20px;
        text-align: center;
    }
    
    #headerInfo.font-normal p {
        font-size: 12px;
        line-height: 14px;
    }
    
    #headerInfo.font-bigger p {
        font-size: 14px;
        line-height: 16px;
    }

    #headerInfo.font-max p {
        font-size: 16px;
        line-height: 18px;
    }    
}
/* ************************************************************************************************* */