body {padding: 0; margin: 0; color:#fff; font-family: "Times New Roman", Times, serif;  font-style: italic;}
img{max-width:100%;}
p {margin-bottom: 10px;}

.logo-container{padding:30px 15px 20px;}
.logo{padding-left: 15px; padding-right:15px; max-width:600px; margin-bottom:20px;}
.header-contact{padding-left:15px; padding-right:15px;}
.header-contact a{font-weight:600; color:#e3bb62; text-decoration:none;}
.logo-container .row{align-items: center; justify-content: center;}
.header-contact span {margin-left: 10px;}
.header-contact span img {margin-right: 5px;}
.header-container{font-style:normal; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}


/**Menu**/
.main-menu-container{max-width:90.5%; margin:auto; background-image:url(../images/menu-bg.png);background-repeat:repeat-x;}
.main-menu ul {margin: 0; padding: 0; list-style: none;}
.main-menu ul li{display:inline-block;}
.main-menu ul li a {font-weight:600; display: block; text-decoration:none; padding: 8px 10px 7px; color: #fff;}
.main-menu ul li a:hover{color:#e3bb62; background: rgb(71,54,213); background: linear-gradient(180deg, rgba(71,54,213,1) 0%, rgba(9,9,121,1) 40%, rgba(24,16,91,1) 100%);}

/**page-content**/
.bio-container {margin-top:20px;}
.bio-container h1{color: #e7bd5a; font-size:35px; line-height:35px;}
.bio-image img{width:100%;border: 4px solid #ddb356;box-shadow: -4px -1px 10px -1px #000;}
.bio-content {font-size: 20px; line-height:28px;}

.bio-container .row {margin-bottom: 30px;}
.bio-content.bio-content-left{font-size:18px;}
.bio-image span {display: block;}
.music-bar span{display:block; margin-top:20px;}
.music-bar {margin: 20px 0;}
.music-box-container{text-align:center;}
.video-option img {border: 2px solid #ddb356;}
.video-option {position: relative; margin-bottom:15px;}
.video-option span {position: absolute; width: 100%;text-align: center; bottom: 0; padding: 5px 10px; display: block; background-color: rgba(231,189,90,0.7); color: #fff; font-size: 16px; transition: 0.5s ease all;}
.video-option a:hover span{background-color: rgba(231,189,90,0.9); transition: 0.5s ease all;}
.download-song{margin-top:40px;}
.download-song table{margin:auto;}
.download-song table tr td {padding: 8px 8px;}
.download-song table tr td a {color: #e7bd5a; text-decoration: underline;}
.video-container{margin:50px 0;}

/**footer**/
.footer-content{text-align: center; padding-top: 20px; padding-bottom: 20px;}
.footer-link {margin-top: 20px; margin-bottom:20px;}
.footer-link a{color:#fff; text-decoration:none; font-size:20px; margin:0 10px;}
.footer-link a:hover{color:#e7bd5a;}
.copyright a{color:#e7bd5a; text-decoration:none;}
.copyright{font-size:16px;}
.footer-content img {display: block; height: 1px;}

/**Media**/
@media (min-width:1200px){
    .container{max-width:650px;}
    .bio-container {margin-top: 50px;}
}
@media(max-width:1199px){
    body{background-image:none;}
}
@media(max-width:767px){
    .logo-container{padding:15px 0;}
    .logo-container .row{justify-content: center;}
    .logo{margin-bottom:15px;}
    .header-contact span{display:block; margin:10px 0;}
    .download-song table{min-width:600px;}
    .download-song {overflow:auto;}
    .video-container video{ max-width: 100%; height: auto;}
}