@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
  font-family: Kenyan-Coffee; /* set name */
  src: url('/resources/Kenyan-Coffee-Bd.otf'); /* url of the font */
}
@font-face {
    font-family: Conthrax;
    src: url('/resources/Contrax-SemiBold.otf');
}


body {
    background-image: url("");
    background-color: #1400FD;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
}

.stuff h1 {
    font: bold 36px "Orbitron"!important;
}

.stuff p {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
}

.logo-link {
    background: url("/assets/mms-brand-assets-logo.png") no-repeat;
    background-size: 320px 93px;
    height: 93px;
}

.btn-next {
    background-color: #4593FF;
    color: #1400FD;
    font: bold 30px "Orbitron"!important;
    text-transform: uppercase;
}

.btn-next:hover {
    background-color: #ffffff;
    color: #1400FD;
}

label.js, label.js1, label.js2, label.js3, label.js4 {
    font: bold 30px "Orbitron"!important;
    text-transform: uppercase;
    display: block;
    float: left;
    margin-right: 5px;
    border: 1px none black;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
    width: 100%;
	background-color: #4593FF;
	color: #ffffff;
	border-radius: 40px;
	margin-bottom: 24px;
	text-align: center;
    
}

h2.text-center {
    font: bold 30px "Orbitron"!important;
}

label.js:hover, label.js1:hover, label.js2:hover, label.js3:hover, label.js4:hover {
	background-color: #000000;
}

label.js.active, label.js1.active, label.js2.active, label.js3.active, label.js4.active {

    color: #ffffff;
	background-color: #911117;
}

.hp-free-pillow-gif img {
    border-radius: 20px;
    width: 80% !important;
}

.question-pic {
    border-radius: 20px;
    width: 60% !important;
    margin-left: 20% !important;
}

.bed-store-link {
    margin-bottom: 50px;
}

.adjust {
    max-height: 250px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-bg p {
    top: 20px;
}

.stuff {
    margin-bottom: 0px;
}

.text-center {
    font-family: 'Orbitron';
    font-weight: 900;
    text-transform: uppercase;
}

.mattress-info h2 {
    font: bold 30px "Orbitron"!important;
}

.stuff h3 {
    font: bold 24px "Orbitron"!important;
}

.stuff ul li {
    font: bold 16px "Orbitron"!important;
    text-align: center;
}

.mattress-pic {
    aspect-ratio: 1;
}