.navbar a { 
     color: black; 
 } 

p {
    text-indent: 50px;
    font-size: 22px;
}
h1 {
   /*  letter-spacing: 3px;*/
}

.dfb-imagine-centru {
    width:350px;
}

#header-logo{
 // background: url(../img/logo.svg) no-repeat center center;
 // background-size: cover;
  width: 156px;
  height: 150px;
 
}

.star {
    width: 20px;
}

ul.ul-square {
    list-style-type: square;
}

.is-black {
    color: black;
}



/* .navbar-burger span:first-child { */
/*     top: calc(18% - (var(--bulma-burger-item-height)) / 2); */
/* } */

/* We don't need checkbox to be displayed in order for it to work */
.toggler {
  display: none;
}

/* Below are all the functionalities */

/* Hamburger changes to X when toggler is checked */
.navbar .toggler:checked + .navbar-brand .burger span:nth-child(1) {
  transform: /* translateY(5px) */ rotate(-45deg);
   /* top: calc(50% - (var(--bulma-burger-item-height)) / 2); */
}
.navbar .toggler:checked + .navbar-brand .burger span:nth-child(2) {
  opacity: 0;
}
.navbar .toggler:checked + .navbar-brand .burger span:nth-child(3) {
  transform: /* translateY(-5px)  */rotate(45deg);
}

@media screen and (min-width: 1024px) {

#header-logo {
    padding-left:20px;
}
}
@media screen and (max-width: 1024px) {
  .navbar-item.has-dropdown .navbar-dropdown {
        display: none;
  }
  
  .navbar-item.has-dropdown.is-active .navbar-dropdown {
      display: block;
  }
    /* hidden by default */
    .navbar-menu /*, #dropdown-content1 */ {
      display: block;
      opacity: 0;
      position: relative;
      padding: 0;
      left: 0;
      right: 0;
      max-height: 0px;
      transition: all 0.4s ease-in-out;
      pointer-events: none;
      overflow: hidden;
  }

    .navbar .toggler:checked ~ .navbar-menu, .navbar-menu.is-active,
    /* #dropdown1:checked ~ */ #dropdown-content1 {
      display: block;
      /* animation: appear 1s; */
      max-height: 1200px;
      padding: .5rem .75rem;
      opacity: 1;
      transform: none;
      pointer-events: auto;
    }
    .card-footer-item {
        padding: 0px;
    }
}

/* For dropdown functionality */

/* Same reason as for checkbox */
.has-dropdown input[type=checkbox] {
  display: none;
}
/* Hide by default */
.navbar-dropdown {
  display: none;
}

/*

    320px — 480px: Mobile devices
    481px — 768px: iPads, Tablets
    769px — 1024px: Small screens, laptops
    1025px — 1200px: Desktops, large screens
    1201px and more —  Extra large screens, TV

*/