/* M. Young Design Styling */
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; font-weight: bold; }
body { overflow-x: hidden; }
.container-fluid { padding: 0 !important; margin: 0 !important; }

/* Typography */
.hero-text { font-size: 5em; }

/* Nav Adjustments */
.myoung-brand { width: 100%; height: auto; }
.navbar-brand { width: 3%; }

/* Colors */
.bg-black { background-color: black; }
.bg-orange { background-color: #f7941d ;}
.text-orange { color: #f7941d; }
.btn-white { background-color: #fff; color: #000; font-family: 'Poppins', sans-serif; transition: 0.35s ease; }
.btn-white:hover { background-color: #f7941d; }
.btn-black { background-color: #000; color: #fff; font-family: 'Poppins', sans-serif; transition: 0.35s ease; }
.btn-black:hover { background-color: #f7941d; color: #000; }

/* Modals */
.modal-content { background-color: #000; border-radius: 0 !important; border: none !important; }
.modal-header { border: none !important; }

/* Designs */
.designs { transition: 0.35s ease; }
.designs:hover { opacity: 0.5; border: 5px solid #FFF; }
.design-iframe { border: none; }
.gold-btn { padding: .5em 1em; background-color: #f7941d; transform:skewX(-7deg); color: black; text-transform:uppercase; letter-spacing: -1px; font-weight: bold; margin-left: 2px; transition: 0.35s ease; }
.gold-btn:hover { background-color: black; color: #f7941d; padding: .5em 2em; text-decoration: none; }

/* Mobile Adjust */
.hide-desktop { display:none; }
@media screen and (max-width: 1200px) {
    .navbar-brand { width: 15%; }
    .hide-desktop { display: block; }
}