body {font-family: Bookman Old Style,Palatino,Georgia; font-display: fallback; margin: 0; color: black; overflow-x: hidden; }
.container {max-width: 100%; margin: 0; left: 0; background: url(22_files/BackgroundM.jpg); border: 2px solid black; height: auto; border-radius: 0px;}
.banner {display: none; position: fixed; top:0; left:0; width:100%; height:auto; z-index:1}
header { background: #211907; color: olive; position: fixed; left: 0; top: 0; width: 100%; margin: 0; z-index: 1;} 
header p {float: left; padding: 10px 12px; margin: 0; }
nav { float: right; padding: 10px 12px 20px 30px; margin:0; } 
.menu-icon { display: inline-block;} 
nav ul { display: none; position: fixed; background: #211907; width: 70%; right:0; top: 40px; padding: 5px; margin: 15px 0px; list-style: none; }
nav:hover ul { display: block; } 
nav li { width: 100%; padding: 5px;} 


a { color: olive; text-decoration: underline;}
a:hover { color: #635731; } 
.current { color: white; } 
.content {margin-top: 4em; padding-left: 12px; padding-right: 12px; }
.content a {color: olive; }
.content a:hover {color: #635731;}
.image{position:relative;margin-left:0;margin-right:auto;max-width:800px;height:auto;font-size:80%;padding-bottom:0.1%;text-align:left;overflow:auto;}
.smallfont {font-size: 90%; }
.backnext {text-align: right; font-weight: bold; }
audio {width: 200px; display: block; }
.myvideo {position: relative; margin-left: 0; margin-right: auto; width: 100%; height: auto; font-size: 80%; padding-bottom: 0.1%; text-align: left; overflow: hidden; }
.myvideo iframe {width: 250px; height: 250px; border: none; }
.footer {display: none; position: fixed; bottom:0; left:0; width:100%; height:auto; z-index:1}
.content a[]:after {}
.content a[]:after {content: url(https://raag-hindustani.com/22_files/ExternalLink.jpg); size:10;}
h1 {font-size: 130%;}
h2 {font-size: 110%;}
h3 {font-size: 100%; font-weight: normal; text-decoration: underline;}


@media(min-width: 750px){
body {background: url(22_files/Background.jpg); background-attachment: fixed; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.container {max-width: 100%; margin: 0; left: 0; background:inherit; height: auto; border-radius: 0px;}
.banner {display:block;}
header p {display: none;}
.menu-icon { display: none;} 
nav ul { display: block; position: fixed; top: 80px; right: 0; width:20%; background: inherit; overflow-x: hidden; }
nav li { font-size: 105%; padding: 0; font-weight: bold; line-height:200%; } 
@media (max-height: 680px ) {nav li {font-size 100%; line-height:180%;}}
.current { color: indigo; } 
.content {float: left; position: relative; width: 68%; padding:25px; margin-top: 60px; margin-right:29%; margin-bottom:7%; margin-left: 1%; overflow: hidden; }
.footer {display:block;}}

@media(min-width: 1800px){
body {background: url(22_files/Background.jpg); background-attachment: fixed; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size:125%; }
.container {max-width: 100%; margin: 0; left: 0; background:inherit; height: auto; border-radius: 0px;}
.banner {display:block;}
header p {display: none;}
.menu-icon { display: none;} 
nav ul { display: block; position: fixed; top: 110px; right: 0; width:20%; background: inherit; overflow-x: hidden; }
nav li { font-size: 105%; padding: 0; font-weight: bold; line-height:200%; } 
@media (max-height: 880px ) {nav li {font-size 100%; line-height:180%;}}
.current { color: indigo; } 
.content {float: left; position: relative; width: 68%; padding:25px; margin-top: 90px; margin-right:29%; margin-bottom:7%; margin-left: 1%; overflow: hidden;}
.footer {display:block;}}