/* ---------------------------------------------------------------------------------- fonts */

@font-face {
    font-family: 'open_sanslight';
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Light-webfont.eot");
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Light-webfont.eot#iefix") format("embedded-opentype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Light-webfont.woff") format("woff"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
}

@font-face {
    font-family: 'open_sansregular';
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Regular-webfont.eot");
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Regular-webfont.eot#iefix") format("embedded-opentype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Semibold-webfont.eot");
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Semibold-webfont.eot#iefix") format("embedded-opentype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
}

@font-face {
    font-family: 'open_sansbold';
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Bold-webfont.eot");
    src: url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Bold-webfont.eot#iefix") format("embedded-opentype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/National_Library/20170827070107oe_/http://statcounter.com/fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
}

/* ---------------------------------------------------------------------------------- misc */

* {
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
    min-width: 330px;
    overflow-x: hidden;
}

body {
    color: #000;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

img {
    border: none;
}

th {
    font-weight: normal;
}

.bulleted-list li,
.numbered-list li {
    margin-bottom: 1em;
    margin-left: 2em;
    line-height: 1.5em;
    font-size: 15px;
}

.hidden {
    display: none !important;
}

/* ---------------------------------------------------------------------------------- grid */

.row {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}

.col {
    float: left;
    margin: 0 1.25%;
}

.col-span-1 {
    width: 5.83333%;
}

.col-span-2 {
    width: 14.166666666666666%;
}

.col-span-3 {
    width: 22.5%;
}

.col-span-4 {
    width: 30.833333333333336%;
}

.col-span-6 {
    width: 47.5%;
}

.col-span-8 {
    width: 64.16666666666667%;
}

.col-span-9 {
    width: 72.5%;
}

.col-span-12 {
    width: 97.5%;
}

.col.align-right {
    float: right;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.col-centred {
    margin: 0 auto;
    float: none;
    width: 370px;
}

.nowrap {
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------------- header */

header {
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 40px;
    border-top: 1px solid #6b9cce;
    position: relative;
}

.page-internal header {
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/header_internal_3000.svg);
}

@media all and (max-width: 1220px) {
	.page-internal header {
		background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/header_internal_1220.svg);
	}
}

@media all and (max-width: 940px) {
	.page-internal header {
		background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/header_internal_940.svg);
	}
}

@media all and (max-width: 570px) {
	.page-internal header {
		background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/header_internal_570.svg);
	}
}

.col-logo {
}

#logo-statcounter a {
    display: block;
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/logo_statcounter.svg);
    background-repeat: no-repeat;
    width: 249px;
    height: 40px;
    text-indent: -999em;
	margin: 0 auto;
}

header h2 {
    font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    color: #fff;
    text-align: center;
    padding: 80px 0 15px 0;
}

header h3 {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 0 0 80px 0;
}

header .btn {
    margin-bottom: 60px;
}

p {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    color: #333;
}

a {
    text-decoration: none;
    color: #064685;
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a:hover {
    color: #000;
}

p a {
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

article {
    margin-bottom: 3em;
}

article:last-child {
    margin-bottom: 0;
}

.checkmark-list {
    padding: 1em 0;
}

.checkmark-list li {
    font-size: 15px;
    list-style-type: none;
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/check_blue.svg);
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom: 1.2em;
    background-position: 0 3px;
}


/* ---------------------------------------------------------------------------------- navicon */

#navicon {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    font-size: 0;
    text-indent: -9999px;
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/navicon.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#navicon:focus {
    outline: none;
}

/* ---------------------------------------------------------------------------------- mobile menu */

#mobile-menu .intro-link {
    background-color: #064685;
    color: #fff;
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 20px;
    outline: none;
	display: block;
}

#mobile-menu h3 {
    position: relative;
    background-color: #064685;
    color: #fff;
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 20px;
    outline: none;
    cursor: pointer;
}

#mobile-menu li {
    list-style-type: none;
    font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

#mobile-menu li a {
    padding: 7px 20px;
    background-color: #062148;
    color: #fff;
    display: block;
}

#mobile-menu li:first-child a {
    padding: 12px 20px 7px;
}

#mobile-menu li:last-child a {
    padding: 7px 20px 12px;
}

#mobile-menu h3 span,
.mobile-sub-menu a span {
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/mobile_menu_arrow.svg);
    background-repeat: no-repeat;
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 20px;
    top: 16px;
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

#mobile-menu h3.ui-state-active span,
.mobile-sub-menu a.ui-state-active span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mobile-sub-menu a {
    position: relative;
    outline: 0;
}

.mobile-sub-menu ul li a {
    background-image: none;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-indent: 20px;
}

/* ---------------------------------------------------------------------------------- buttons */

.btn {
    display: block;
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    background-color: #064685;
    color: #fff;
    border-radius: 4px;
    width: 200px;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s ease;
    border: 1px solid #064685;
    cursor: pointer;
}

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

.btn.btn-white {
    background-color: #fff;
    color: #064685;
    border: 1px solid #fff;
}

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

.btn.align-left {
    margin: 0;
}

#sub-footer {
    background-color: #062148;
    padding: 30px 0;
}

#sub-footer .col-span-6:last-child {
	text-align: right;
}

#sub-footer .col-span-6:last-child a {
	color: #fff;
}

#sub-footer p {
    color: #fff;
    font-size: 13px;
    padding-top: 8px;
}

#sub-footer a {
    font-size: 13px;
}

.create-account {
	background-color: #064685;
    padding-bottom: 50px;
}

.create-account h2 {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding: 40px 20px 0;
	margin-bottom: 20px;
}

.create-account p {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 22px;
    color: #fff;
    text-align: center;
	margin: 0 auto 30px;
	max-width: 840px;
	padding: 0 20px;
}

.create-account p strong {
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------------------- internal page styles */

.page-internal header h2 {
    padding-top: 30px;
}

.page-internal header h3 {
    padding-bottom: 70px;
	max-width: 480px;
	margin: 0 auto;
}

.page-internal main h3 {
    font-size: 30px;
    color: #064685;
    margin-bottom: 0.3em;
}

.page-internal main p {
    margin-bottom: 1em;
    line-height: 1.5em;
}

.page-internal main .col-span-8 li {
	font-size: 15px;
	margin-bottom: 1em;
	margin-left: 3em;
}

.page-internal main .col-span-8 li strong {
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.page-internal main p strong {
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.page-internal main img {
    width: 100%;
}



.page-internal main ol li {
    font-size: 15px;
    margin: 0 0 1em 2em;
}

main {
    background-color: #f4f7fb;
    padding: 60px 0 60px;
	display: block;
}


main h1,
main h2,
main h2 a {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 40px;
    color: #064685;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

.section-navigation {
    margin-bottom: 2em;
}

.section-navigation li {
    list-style-type: none;
}

.section-navigation a {
    display: block;
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 0 10px 20px;
    border-left: 6px solid #f4f7fb;
}

.section-navigation ul li a {
    font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-left: 40px;
}


.section-navigation li.active a {
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    cursor: default;
    border-left: 6px solid #064685;
}

.section-navigation li.active li a {
    font-family: inherit;
    color: inherit;
    cursor: pointer;
    border-left: 6px solid #f4f7fb;
}

.section-navigation li li li a {
	padding-left: 60px;
}

.section-navigation li ul li a:hover {
    color: #000;
}

/* ---------------------------------------------------------------------------------- global form styles */

fieldset {
    border: 0;
}

label,
input {
    display: block;
}

label {
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    color: #064685;
    margin-bottom: 3px;
}

.checkbox-fieldset {
    position: relative;
    height: 50px;
}

.checkbox-label {
    color: #000;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: inline;
    position: absolute;
    top: 0;
    left: 30px;
}

.checkbox-fieldset input[type="checkbox"] {
    position: absolute;
    top: 4px;
    left: 0;
}

form p {
    margin-bottom: 1em;
}

::-webkit-input-placeholder {
    color: #36699d;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #36699d;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #36699d;
}

:-ms-input-placeholder {
    color: #36699d;
}

input[type="email"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"] {
    -webkit-appearance: none;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    padding: 11px 0;
    text-indent: 5px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #adc3db;
    outline: none;
    width: 100%;
    margin-bottom: 1em;
    background-color: #fff;
    transition: 0.3s all ease;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus {
    border: 1px solid #064685;
}

textarea {
    -webkit-appearance: none;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    padding: 11px 0;
    text-indent: 5px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #adc3db;
    outline: none;
    width: 100%;
    height: 200px;
    margin-bottom: 1em;
    transition: 0.3s all ease;
    background-color: #fff;
}

textarea:focus {
    border: 1px solid #064685;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/select_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    padding: 11px 0;
    text-indent: 5px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #adc3db;
    outline: none;
    width: 100%;
    margin-bottom: 1em;
    transition: 0.3s all ease;
}

input[type="submit"] {
    -webkit-appearance: none;
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    padding: 13px 20px;
    display: block;
    background-color: #064685;
    color: #fff;
    border: 1px solid #064685;
    border-radius: 4px;
    cursor: pointer;
    width: 190px;
    margin: 30px auto 0;
    transition: 0.3s all ease;
}

input[type="submit"]:hover {
    border: 1px solid #064685;
    background-color: #fff;
    color: #064685;
}

label.error {
    margin-bottom: 10px;
    color: white;
    font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    padding: 10px 8px;
    display: block;
    background-color: #d93600;
    border-radius: 4px;
}

label.error::before {
    content: '';
    border: 0.8em solid #d93600;
    border-left-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    height: 10px;
    line-height: 0;
    position: absolute;
    margin-top: -2em;
    margin-left: 1em;
}





.panel {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #adc3db;
    margin-bottom: 30px;
}

.panel h3 {
    font-size: 30px;
    color: #064685;
    margin-bottom: 0.3em;
}

.panel p {
    line-height: 1.5em;
}

.page-introduction .panel {
	padding-bottom: 0;
}

.page-introduction .panel img {
	max-width: 430px;
	margin: 0 auto;
	display: block;
}

.page-introduction .checkmark-list li {
	float: left;
	width: 40%;
	margin-left: 0 !important;
}



/* ---------------------------------------------------------------------------------- note*/

.page-internal main .note {
    border: 1px solid #adc3d8;
    border-radius: 4px;
    margin-bottom: 2em;
    margin-top: 1em;
    padding: 15px;
}

.page-internal main .note p {
    font-family: "open_sanssemibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    color: #064685;
    padding: 0;
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------------------- insights home */

.page-internal main {
	background-color: #f4f7fb;
}

.page-insights main {
	background-color: #fff;
    padding: 60px 0 0;
}

.page-insights main #courses {
    background: #ffffff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #ffffff 0%, #e7eff5 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #ffffff 0%, #e7eff5 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #ffffff 0%, #e7eff5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eff5', GradientType=0);
    /* IE6-9 */
}

.page-insights main p.lead {
	max-width: 700px;
	margin: 0 auto 60px;
	text-align: center;
	color: #064685;
	font-size: 22px;
}

.page-insights main .panel {
	text-align: center;
	background-color: #f1f4f9;
	transition: 0.3s background-color ease;
	position: relative;
}

.page-insights main .panel.active-course:hover {
	background-color: #fff;
}

.page-insights main .panel span {
	width: 164px;
	height: 164px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/National_Library/20170827070107oe_/http://statcounter.com/insights/images/panel_coming_soon.svg);
	
}

.page-insights main .panel img {
    width: inherit;
	opacity: 0.4;
}

.page-insights main .panel.active-course img {
	opacity: 1;
}

.page-insights main .panel h3 {
    font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    color: #064685;
    margin-bottom: 0;
	opacity: 0.4;
	line-height: 18px;
	padding-top: 10px;
}

.page-insights main .panel.active-course h3 {
	opacity: 1;
}


#contact-me {
	padding: 40px 0;
	
}

#contact-me h2 {
	max-width: 750px;
	margin: 0 auto 20px;
	text-align: center;
    padding: 0 1.25%;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 40px;
    color: #064685;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

#thank-you h2 {
    max-width: 750px;
    margin: 1em auto 0.5em;;
    text-align: center;
    padding: 0 1.25%;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 40px;
    color: #064685;
    line-height: 1.4em;
}
#thank-you h3 {
    max-width: 750px;
    margin: 0 auto 2em;
    text-align: center;
    padding: 0 1.25%;
    font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 25px;
    color: #064685;
    line-height: 1.4em;
}

/* ---------------------------------------------------------------------------------- media queries */

@media (max-width: 885px) {
	.page-insights main .col-span-4 {
		width: 47.5%;
	}
}

@media all and (max-width: 830px) {
    header h2 {
        font-size: 50px;
    }

	.page-internal header h2 {
    	padding-top: 60px;
	}

	.page-internal header h3 {
    	padding-bottom: 60px;
	}
}

@media all and (max-width: 810px) {
    #sub-footer {
        padding: 15px 0 20px;
    }
    #sub-footer p {
        margin-bottom: 20px;
    }
    #sub-footer .col-span-6,
	#sub-footer .col-span-6:last-child {
        width: 220px;
        float: none;
        text-align: center;
        margin: 0 auto;
    }
}

@media all and (max-width: 770px) {
    header {
        padding-top: 30px;
    }
	
	#logo-statcounter a {
		margin: 0;
	}
	
	#navicon {
        display: block;
        margin-right: 6%;
    }
		
    #nav-main {
        display: none;
    }
    .section-navigation {
        display: none;
    }
    main .col-span-8,
    main .col-span-4.aside {
        width: 97.5%;
        float: none;
    }
    main {
        padding: 30px 0;
    }
    footer {
        padding: 30px 0 30px 0;
    }
}

@media all and (max-width: 755px) {
    main h1,
    main h2,
    #email-subscribe h2,
	#contact-me h2,
	.create-account h2 {
        font-size: 30px;
    }
	
	.create-account p {
        font-size: 17px;
    }
	
    .page-internal main h3 {
        font-size: 20px;
    }
}

@media all and (max-width: 700px) {
    header h2 {
        font-size: 40px;
    }
}

@media (max-width: 591px) {
	.page-insights main .col-span-4 {
		width: 97.5%;
	}
}


@media all and (max-width: 570px) {
    header h2 {
        font-size: 30px;
        padding: 40px 0 15px 0;
    }
    .page-internal header h3 {
        font-size: 20px;
        padding: 0 0 73px 0;
		max-width: 307px;
    }
}


@media all and (max-width: 550px) {
    #email-subscribe form {
        width: 272px;
    }
    #email-subscribe input#email {
        width: 170px;
    }
    #email-subscribe input[type="submit"] {
        padding-left: 10px;
        padding-right: 10px;
        width: 91px;
    }

	.page-introduction .checkmark-list li {
	float: none;
	width: 90%;
}


}

@media all and (max-width: 460px) {
    .col-centred {
        width: 97.5%;
        margin-left: 0;
    }
}

@media all and (max-width: 450px) {
    #logo-statcounter a {
        width: 200px;
        height: 32px;
        background-size: 200px;
    }
    .home-join h2 {
        padding: 30px 10px 30px 10px;
    }
    .home-join h2 strong {
        display: block;
    }
}