.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3986CE;
    --bs-btn-border-color: #3986CE;
}

.btn:hover {
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1682c8;
    --bs-btn-hover-border-color: #1682c8;
}

.imgsoficecemav {
    height: 490px;
    width: 350px;
    margin: 10px;
}

.imgcecemav {
    height: 300px;
    width: 300px;
    padding: 10px;
}

.imgmavicece {
    height: 350px;
    width: 300px;
    padding: 10px;
}

hr.dividermavcece {
    margin: 0px;
    max-width: 0rem;
    border-width: 0rem;
}

.imgmavceceplaying {
    height: 280px;
    width: 270px;
    padding: 0px;
    margin: 0px;
}
.mt-5 {
    margin-top: 30px;
    margin-top: 2rem !important;
}

.imgtoystwins {
    height: 320px;
    width: 410px;
    margin: 10px;
}

.imgsofitwins {
    height: 450x;
    width: 390px;
    margin: 10px;
}

.imgmaviplay {
   height: 255px;
    width: 225px;
    margin: 10px; 
}

.imgceceplay {
    height: 300px;
    width: 250px;
    margin: 10px;
}

.happytwins {
    height: 350px;
    width: 350px;
    margin: 10px; 
}

.sofimav {
    height: 380px;
    width: 380px;
    margin: 10px; 
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%;
    transition: transform 0.6s ease-in-out;
}

.w-100 {
    width: 50px;
    height: 350px;
}

.img-fluid {
    height: auto;
    height: 380px;
    width: 300px;
    margin: 5px;
    padding: 5px;
}

.img-twins {
    height: auto;
    height: 355px;
    width: 300px;
    margin: 5px;
    padding: 5px;
}

.img-collinsmav {
    height: auto;
    height: 300px;
    width: 300px;
    margin: 5px;
    padding: 5px;
}


hr.divider {
    max-width: 0rem;
    border-width: 0rem;
    margin: 1rem auto;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #3986CE !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: #54b1ed !important;
}

.colorbackground {
    background: lightpink;
    margin: 10px;
    padding: 10px;
}

.text-muted {
    color: #white; !important;
}

.page-section {
    padding: 2rem 0;
}

a {
    color: #3986CE;
}



header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url(../assets/img/bg-masthead.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

header.mastheadtwins {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url(../assets/img/bg-mastheadtwins.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

header.mastheadcollinsandmaverick {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url(../assets/img/bg-mastheadcollinsandmaverick.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

header.mastheadhands {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url(../assets/img/bg-mastheadhands.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

header.mastheadjoy {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url(../assets/img/bg-mastheadjoy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}