* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* font-family: Arial, Helvetica, sans-serif; */
}

.nav-black-sony {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: black;
}

.nav-black-sony img {
  height: 35px;
  width: 75px;
  margin: 0px 10px;
  cursor: pointer;
}

.navbar-dark .navbar-nav .nav-link {
  color: black;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #0070d1;
}

.navbar-dark .navbar-toggler {
  background-color: black;
  filter: invert(1);
}

/* .dropdown-menu {
  transition: all 2s ease-in-out !important;
} */

.dropdown-menu.show {
  transition: all 2s ease-in-out 1s !important;
}

.dropdown-menu {
  /* width: 100vw; */
}

/* .dropdown-menu.full {
  position: fixed !important;
  top: 100px;
  left: 0;
  right: 0;
} */

.dropdown-item img {
  height: 70px;
}

.search {
  display: flex;
  align-items: center;
  font-size: 25px;
  cursor: pointer;
}

.banner {
  background-image: url(../img/jumbo-bg.png);
  background-size: cover;
  background-position: center top;
  height: 600px;
}

.banner-2 {
  background-image: url(../img/it-takes-two-hero-banner-desktop.jpg);
  background-position: center;
  height: 800px;
}

.text-area,
.text-area-2 {
  width: 550px;
  padding-left: 5vw;
}

.text-area {
  padding-top: 20vh;
}

.text-area-2 {
  padding-top: 10vh;
}

.returnal {
  height: 40px;
}

.it-takes-two {
  height: 200px;
}

.main-text {
  font-size: 40px;
}

.img img {
  width: 100%;
  border-radius: 20px;
  padding: 3px;
  cursor: pointer;
}

.select {
  position: relative;
  top: 0;
  border: 2px solid transparent;
  cursor: pointer;
  transition: top 0.3s ease-in-out;
}

.select:hover {
  border: 2px solid #0d6efd;
  border-radius: 20px;
  top: -10px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
}

.opacity {
  opacity: 0.6;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.opacity:hover {
  opacity: 1;
  border-bottom: 2px solid #0d6efd;
}

.bg-sepia {
  background-color: #bebcbb;
}

.bg-blue {
  background-color: #0d1532;
}

.logo-plus img {
  height: 100px;
}

.mini-banner img {
  height: 500px;
}

footer {
  background-color: #00439c;
}

#region {
  width: 20px;
  margin: 5px;
}

#logo {
  width: 100px;
}

#sie {
  width: 150px;
}

.par {
  max-width: 600px;
  font-size: 14px;
}

ul {
  padding: 0;
}

li {
  list-style: none;
  margin: 5px;
  cursor: pointer;
}

.links-footer {
  justify-content: center;
}

.info {
  cursor: pointer;
  text-decoration: underline;
}

@media @media (min-width: 992px) {
  ul button {
    margin: 0px 25px;
  }
}

@media (max-width: 992px) {
  .search {
    margin: 10px 0px;
  }

  .mini-banner img {
    display: none;
  }

  .links-footer {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  .text-area,
  .text-area-2 {
    max-width: 320px;
  }
}