/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1260px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1260px;
}





html {
  font-size: 20px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #222126;
  font-size: 20px;
}

/* Paragraphs */

p {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height: 1.6;
  margin-bottom: 18px;
}

ul {
  padding: 0 0 0 20px;
}

li {
  line-height: 1.6;
}

/* Anchors */

a {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #f70b59;
}

a[data-hs-anchor="true"] {
  scroll-margin-top: 70px;
}

a:hover,
a:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #cf0031;
}

a:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #ff3381;
}

.invert {
  color: white;
  position: relative;
  white-space: nowrap;
}
.invert:after {
  content: attr(data-before);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: 13px #000;
  z-index: -1;
  text-shadow: 4px 10px 0px #F70D59, -4px 10px 0px #F70D59, 0px 10px 0px #F70D59;
}

.body-container-wrapper a {
  border-bottom: 2px solid transparent;
  transition: all .3s;
}
.body-container-wrapper a:hover {
  border-bottom-color: #f70b59;
}

/* Headings */

h1 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #222126;
  font-size: 80px;
  text-transform: none;
  line-height: 1.2;
}

h2 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #222126;
  font-size: 64px;
  text-transform: none;
  line-height: 1.2;
}

h3 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #222126;
  font-size: 42px;
  text-transform: none;
  margin-bottom: 14px;
  line-height: 1.2;
}

h4 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #222126;
  font-size: 24px;
  text-transform: none;
  margin-bottom: 5px;
}

h5 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
  margin-bottom: 5px;
  line-height: 1.3;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #222126;
  font-size: 14px;
  text-transform: none;
  line-height: 1.6;
  margin-bottom: 5px;
}

img { 
  max-width: 100%;
  height: auto;
}

/* Blockquote */

blockquote {
  border-left-color: #DBDADE;
  border-left-width: 4px;
  margin: 24px 0;
}
blockquote p {
  font-size: 20px;
  font-style: italic;
}





button,
.button {
  {font=Inter, font_set=GOOGLE, styles={font-family=Inter, sans-serif, font-style=normal, font-weight=700, text-decoration=none}, size=14, size_unit=px, color=#FFFFFF, variant=700, fallback=sans-serif, style=font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none, css=color: #FFFFFF;font-size: 14px;font-family: Inter, sans-serif; font-weight: 700;};
  border: 2px solid #222126;
;
  padding-top: 15px;
padding-right: 32px;
padding-bottom: 15px;
padding-left: 32px;
;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 14px;
  background-color: 

  
  
    
  


  rgba(247, 11, 89, 1.0)

;
  border-radius: 36px;
  color: #FFFFFF;
  text-transform: none;
  box-shadow: 0px 3px 0px #222126;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(207, 0, 49, 1.0);
  border-color: #000000;
  color: #ffffff;
}

button:active,
.button:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(255, 51, 129, 1.0);
  border-color: ;
}





form,
.submitted-message {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

form {
  border: 2px solid #000000;
  border-radius: 8px;
  box-shadow: 8px 8px 0 #000000;
  padding: 40px;
  position: relative;
  z-index: 1;
  background: #ffffff;
}
.widget-type-form {
  position: relative;
}
.widget-type-form:before {
  content: url(https://www.wonderment.com/hubfs/Wonderment%20Star.png);
  position: absolute;
  top: -30px;
  right: -60px;
  z-index: -1;
}
.widget-type-form:after {
  content: url(https://www.wonderment.com/hubfs/Wonderment%20Star%20%281%29.png);
  position: absolute;
  bottom: -35px;
  left: -27px;
  z-index: -1;
}
ul.no-list.hs-error-msgs.inputs-list {
    max-width: 300px;
}
ul.no-list.hs-error-msgs.inputs-list li {
    line-height: 1.2;
}


/* Form title */

.form-title {
  color: #ffffff;
}

/* Labels */

form label {
  color: #222126;
}

/* Help text */

form legend {
  color: #222126;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #4A4A4A!important;
  border-radius: 3px;
  border: 1px solid #cccccc;
  outline: none;
}
form input[type=text]::focus,
form input[type=email]::focus,
form input[type=password]::focus,
form input[type=tel]::focus,
form input[type=number]::focus,
form input[type=file]::focus,
form select::focus,
form textarea::focus {
  border: 1px solid #cccccc;
  outline: none;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #222126;
}

::-moz-placeholder {
  color: #222126;
}

:-ms-input-placeholder {
  color: #222126;
}

::placeholder {
  color: #222126;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #222126;
}

.fn-date-picker td.is-selected .pika-button {
  background: #222126;
}

.fn-date-picker td .pika-button:hover {
  background-color: #222126 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #222126;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 2px solid #222126;

  padding-top: 15px;
padding-right: 32px;
padding-bottom: 15px;
padding-left: 32px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(247, 11, 89, 1.0)

;
  border-radius: 36px;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
}

form input[type=submit] {
  background-color: #ffeff4;
  border: 2px solid #f70b59;
  border-radius: 36px;
  color: #f70b59;
  box-shadow: 0 6px 0 #f70b59;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgb(247 11 89);
  border-color: #000000;
  color: white;
  box-shadow: 0 6px 0 #000000;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 51, 129, 1.0);
  border-color: ;
}





/* Table */

table {
  border: 1px solid #222126;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #222126;

  padding: 18px;

  border-color: ;
  color: #222126;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(34, 33, 38, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #222126;
}




.header__row-1 {
  padding: 0;
  padding-right: 16px;
}

.header {
  background: transparent;
  width: 100%;
  z-index:10;
}
.header.scrolled {
  background: #ffffff;
  border-bottom: 2px solid #000000;
    position: fixed;
}
.header.scrolled .menu__link {
  color: #4A4A4A;
}
.header.scrolled .header__logo img {
}
header.header.header--no-navigation {
  padding: 23px;
}
.header--no-navigation .header__logo {
  margin: 0 auto;
}

.header__column {
  width: auto;
}
.header__navigation.header--element {
  flex: 1;
}
.header__row-1 .header--element a {
  color: white;
  font-size: 12px;
  margin-left: 25px;
}
.header--element.header--cta {
  background: #06adad;
  padding: 5px 10px;
  margin-left: 30px;
  width: auto;
  position: relative;
}
.header--element.header--cta:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34.8px 26px 0 0;
  border-color: #06adad transparent transparent transparent;
  position: absolute;
  top: 0;
  right: -26px;
}

.header--element.header--cta a {
  margin: 0;
  text-transform: uppercase;
}
.header__search {
  position: relative;
}
.header__search.search-mobile {
  display: none;
  position: absolute;
  top: 65px;
  background-color: #013454;
  min-height: unset;
}

.header__search .hs-search-field__input {
  height: auto;
  padding: 5px 10px;
  border: none;
}

.search--icon i {
  color: white;
}

.header__logo--main {
  padding-top: 0;
  margin-right: unset;
}

.search--wrapper {
  position: absolute;
  transition: all .3s;
}
.header a.button {
  background: #FFFFFF;
  border: 2px solid #F70B59;
  border-radius: 36px;
  color: #f70b59;
  box-shadow: 0px 3px 0px #f70b59;
  margin-left: 16px;
}
@media(min-width: 768px) {
  .search--wrapper { display: none }
}
.search--wrapper--mobile { 
  position: relative;
  top: 0;
  right: 0;
}
.search--wrapper.open {
  display: block;
  height: auto;
  transition: all .3s;
  top: 0;
  right: 0;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #222126;
  font-family: Inter;
}

.menu__child-toggle-icon {
  border-top-color: #222126;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #000000;
}
.menu__submenu .menu__child-toggle {
  transform: rotate(270deg);
  margin-top: -7px;
}
.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #000000;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #4a494e;
}

.menu__child-toggle-icon:active {
  border-top-color: #4a494e;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    background-color: rgba(255, 255, 255, 1.0);
    border: 2px solid #000;
    border-top: 0;
    box-shadow: none;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px none #222126;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #222126;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* insert: why is menu__link:hover the same color as the header? decoupling them. */
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  background-color: transparent;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Inter;
}

.header__language-switcher-label-current:after {
  border-top-color: #222126;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #222126;
  }
}

/* Styling for the header change on scroll */
@media screen and (min-width: 767px){
  .header.scrolled .header__row-1 {
    transition: all .3s;
    visibility: hidden;
    height: 0;
    opacity: 0;
  } 
  .header.scrolled img {
  }
  .header.scrolled .header__row-2 {
    padding: 0;
    transition: all .3s;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(34, 33, 38, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #DBDADE;
}

.footer p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 30px;
  color: #DBDADE;
}

.footer h5 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-bottom: 27px;
}
.footer form {
  display: flex;
}
.footer .hs-form-field {
  margin-bottom: 0;
}
.footer .hs-form label {
  display: none;
}
.footer .hs-form input {
  background: none;
  opacity: 0.5;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  color: #ffffff!important;
}
.footer .hs_email {
  flex: 1;
  margin-right: 10px;
}
.footer .hs-form input.hs-button {
  opacity: 1;
  background: white;
  color: #1e6fd4!important;
  padding: 13px 20px;
  line-height: 1;
  border: none;
}


@media only screen and (max-width: 767px) {
  .footer > .content-wrapper { margin: 0 }
  .footer .dnd-section .row-fluid::before,
  .footer .dnd-section .row-fluid::after { display: none }
  .footer .row-number-1 > .row-fluid {  }

  .footer .row-depth-1 .row-fluid > div:nth-of-type(1) { order: 1 }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(2) { order: 3 }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(3) { order: 2 }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(4) { order: 4 }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) { order: 5; grid-column: span 2 }

  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid { display: block }

  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper { text-align: center }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper p { display: none }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper h2 { text-align: center !important }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper h6 { text-align: center !important }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper .social-links { justify-content: center !important }
  .footer .row-depth-1 .row-fluid > div:nth-of-type(5) .row-fluid .hs_cos_wrapper img { text-align: center !important; float: unset !important; margin: 0 !important }

  .footer .hs_cos_wrapper p { margin-bottom: 0 }

  .footer h5 {
    margin-top: 20px;
  }

}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta {
  display: flex;
  align-items: center;
}

.blog-post__divider {
  margin: 0 15px;
}

.blog-post__body img {
  margin: 20px 0;
}

.blog-post__meta a {
  color: #222126;
  text-decoration: none;
}

img.blog-index__post-image {
  width: 100%;
  margin-bottom: 20px;
}

.blog-post__sidebar {
  padding: 12px 0;
}

.blog-post__tag-link {
  color: #222126;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #4a494e;
}

a.blog-post__tag-link {
    background: #F7F7F9;
    color: #8c8b8f;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    margin: 0 10px;
}
a.blog-post__tag-link:hover {
    background: #FFEFF4;
    color: #F70C59;
}

.blog-post__meta img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 10px;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  text-transform: none;
  font-weight: 700;
  opacity: .8;
}

.blog-related-posts__post-image-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.blog-related-posts__post-image-wrapper img {
  object-fit: cover;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  margin-top: auto;
  margin-bottom: auto;
  left: -999px;
  right: -999px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  width: 100%;
}

.blog-related-posts__title-link {
  color: #222126;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #4a494e;
}

section.blog-related-posts {
  background: none;
}
.blog-related-posts__list {
  display: block;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #f70b59;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #cf0031;
}

#comments-listing .comment-reply-to:active {
  color: #ff3381;
}





.hs-search-results__title {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #222126;
}





.whr-date { display: none }


/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #222126;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #4a494e;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #222126;
  margin-right: 15px;
}

a.blog-index__post-title-link {
  font-size: 34px;
  font-weight: 400;
}
a.blog-index__post-title-link:hover {
  font-weight: 400;
}

a.blog-index__post-tag {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-bottom: 15px;
  display: block;
}

span.read-more {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  margin-bottom: 15px;
  display: block;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #222126;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #4a494e;
}

.pagination__link-icon svg {
  fill: #222126;
}

/* Pricing card */

.card__price {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #222126;
  font-size: 42px;
}

.card__body svg {
  fill: #222126;
}

/* Social follow */

.social-links__icon {
  background-color: #222126;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #4a494e;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #222126;
  font-size: 42px;
}

@media screen and (max-width: 1024px){
  h1, h2 { font-size: 40px;}
  h3 { font-size: 30px;}
  h4 {}
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
  p { font-size: 18px; }
  .header__logo.header__logo--main {
    max-width: 100px;
  }
  a.menu__link {
    font-size: 14px;
  }
  .header__column {
    width: auto;
  }
  .header a.button {
    font-size: 12px;
    padding: 10px 15px;
  }
  .invert:after {
    -webkit-text-stroke: 8px #000;
    text-shadow: 3px 8px 0px #F70D59, -3px 8px 0px #F70D59, 0px 8px 0px #F70D59;
  }
}

@media screen and (max-width: 767px){
  h1, h2 { font-size: 30px;}
  h3 {}
  h4 {}
  h5 { font-size: 13px; }
  h6 { font-size: 11px; }
  p { font-size: 15px; }
  .invert:after {
    -webkit-text-stroke: 6px #000;
    text-shadow: 2px 6px 0px #F70D59, -2px 6px 0px #F70D59, 0px 6px 0px #F70D59;
  }
  br {
    display: none;
  }
  .header__container {
    padding: 16px;
    flex-direction: row;
    align-items: center;
  }
  .header__logo {
    margin: 0;
    line-height: 1;
  }
  .header__logo a {
    /*content: url(https://www.wonderment.com/hubfs/Logo.png);*/
  }

  .header__search.open{ display: block !important }

  .header__search.search-mobile {
    display: none;
  }
  .header--toggle.header__navigation--toggle {
    filter: brightness(0) invert(0);
    margin: 0;
  }
  .header__navigation.header--element.open {
    top: 10px;
  }
  .header__row-2 {
    padding: 0;
    justify-content: right;
  }
  .header__column {
    width: 100%;
  }
  .header__column.nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
  }
  .header a.button {
    margin-right: 16px;
    border: 0;
    box-shadow: none;
    padding: 7px;
  }
  .header__navigation.open .hs_cos_wrapper {
    background-color: #fff;
  }
  .menu__link {
    font-size: 20px;
  }
  .header__navigation.open {
    background: #fff;
  }
  .menu__submenu .menu__item {
    border-top: 0!important;
  }
  .menu__submenu .menu__item a {
    font-size: 15px;
    padding: 0 45px;
  }
  .menu__child-toggle {
    box-shadow: none;
  }
  div#hs_cos_wrapper_navigation-secondary {
    display: none;
  }
  .footer .hs-form-field {
    margin-bottom: 20px;
  }
  .footer br {
    display: block;
  }
}