/* Landscape phones and down */
@media (max-width: 480px) {
  /* #logo {
		max-width: 100px;
	} */
  .btn {
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    font-size: 14px;
    margin-left: 7px;
  }

  .btn .btn-text {
    display: none;
  }

  .btn-icon {
    padding-inline-start: 0px;
  }

  .navbar {
    margin-top: 20px;
    min-height: 80px;
  }

  .navbar .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  footer {
    height: auto;
    min-height: 40px;
  }

  .domain {
    width: 100%;
  }

  main .flex,
  footer .flex {
    flex-direction: column;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .nohover {
    pointer-events: none;
  }

  .block {
    display: block;
  }

  .domain {
    position: unset;
  }

  a[data-tooltip]:before,
  a[data-tooltip]:after {
    content: '';
  }

  footer {
    background: rgba(189, 208, 103, 0.92);
  }

  /* .swing-1,
	.swing-2,
	.swing-3 {
		animation: none;
	} */

  .hidden-sm {
    display: none;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Large desktop */
@media (min-width: 1700px) {
  .navbar {
    margin-bottom: 20vh;
  }
}

/*  desktop */
@media (min-width: 768px) {
  .hidden-lg {
    display: none;
  }
}