*{box-sizing: border-box;}
html{font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.5px; scroll-behavior: smooth;}
body{box-sizing: border-box; display:flex; min-height: 100vh; flex-wrap: wrap; align-items: stretch; padding: 0; margin: 0 auto;}
body>header{order: 0; width: 100%; display: flex; align-items: stretch;}
body>header>nav{flex: 1 1 auto; margin: auto; line-height: 62px;}
body>header>section[role=banner]{width:100%; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;}

/*body>header>figure{display: flex; flex-direction: column; align-items: center;}
body>header>figure:first-child{margin-top: 68px;}*/
body>main{order: 2; flex: 1 1 99%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; max-width: 100%;}
body>aside{flex: 1 1 auto;}
body>aside:empty{display: none;}
body>aside:first-of-type{order:1; background: transparent;}
body>aside:last-of-type{order:3; background: transparent;}
body>footer{order: 4; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 2rem 0; justify-content: space-around; background: transparent;}

main>article{min-height: 50vh; min-width: 100%; overflow: hidden; max-width: 100%;}
main>article>h2:first-child{text-align: center;}
main>article>h2:first-child>span{display: block;}
main>article>nav:last-child{display: flex; justify-content: space-between; flex-wrap: wrap;}
main>article>nav:last-child>a{text-align: center; text-decoration: none; overflow: hidden;}
main>article>nav:last-child>a>h3>span{display:block; font-weight: 400;}
main>article>nav:last-child>a>img{width: 100%; filter: grayscale(100%); overflow: hidden; backface-visibility: hidden; z-index: 1;}
main>article>nav:last-child>a:hover>img, main>article>nav:last-child>a:target>img{filter:none;}

main>article>nav:last-child>details{width: 100%;}
main>article>nav:last-child>details>p{width: 96%; margin: 0 auto; text-shadow:none;}
main>article>nav:last-child>details>summary{list-style: none; width: 100%; overflow: hidden;}
main>article>nav:last-child>details>summary>img{width: 100%; filter: grayscale(100%); overflow: hidden;}
main>article>nav:last-child>details>summary>img:hover{width: 100%; filter: none; overflow: hidden;}
main>article>nav:last-child>details>summary>h3{text-align: center; color: inherit;}
main>article>nav:last-child>details>summary>h3>span{display:block; font-weight: 400;}


main>article>section{display:none; visibility: hidden; opacity: 0; color: inherit;}
main>article>section:target{display: flex; flex-direction: column; align-items: center; visibility: visible; opacity: 1;}
main>article>section>a:first-child{align-self: center; text-decoration: none; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 1.5em; padding: 0.5em 0.75em; background: rgba(255,255,255,.5); color: rgba(0,0,0,1);}
main>article>section>h2{color: inherit; }
main>article>section>h2>span{font-weight: 400;}
main>article>section>img{display: block; max-width: 100%;}
main>article>section>p{width: 96%; margin: 0.5rem auto;}
main>article>section>ul{list-style: none; display: block; width: 96%; padding: inherit; margin: 1rem auto;}
main>article>section>ul>li{display: block; vertical-align: text-top; width: 100%;}
main>article>section>ul>li>h3{text-align: center;}
/* SVG ICONS
main>article>section>ul>li:first-child>h3:before{content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 584.582 595.28" enable-background="new 0 0 584.582 595.28" xml:space="preserve"><g><path d="M293.932,33.946c-141.9,0-256.935,115.035-256.935,256.935c0,141.899,115.034,256.932,256.935,256.932   c141.899,0,256.935-115.032,256.935-256.932C550.866,148.98,435.831,33.946,293.932,33.946z M314.219,428.846v45.988h-44.186   v-42.843c-30.206-1.347-59.509-9.458-76.643-19.379l13.521-52.753c18.941,10.374,45.541,19.837,74.845,19.837   c25.697,0,43.281-9.915,43.281-27.954c0-17.129-14.424-27.95-47.79-39.218c-48.241-16.233-81.154-38.78-81.154-82.516   c0-39.675,27.952-70.78,76.196-80.254v-42.826h44.181v39.675c30.213,1.353,50.499,7.665,65.381,14.882l-13.078,50.943   c-11.723-4.961-32.462-15.324-64.922-15.324c-29.307,0-38.778,12.62-38.778,25.24c0,14.887,15.781,24.346,54.104,38.78   c53.655,18.934,75.294,43.726,75.294,84.306C394.471,385.557,366.064,419.824,314.219,428.846z"></path></g></svg>'); display:block; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; margin: 2rem auto; opacity: 0.64;}
main>article>section>ul>li>h3:before{content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M50,4.5C24.911,4.5,4.5,24.911,4.5,50S24.911,95.5,50,95.5S95.5,75.089,95.5,50S75.089,4.5,50,4.5z M50,88.5  c-21.229,0-38.5-17.271-38.5-38.5S28.771,11.5,50,11.5S88.5,28.771,88.5,50S71.229,88.5,50,88.5z M53.5,48.51V18.834  c0-1.933-1.567-3.5-3.5-3.5s-3.5,1.567-3.5,3.5V50c0,0.952,0.388,1.863,1.074,2.523l17.167,16.501  c0.679,0.652,1.553,0.977,2.426,0.977c0.919,0,1.836-0.359,2.523-1.074c1.34-1.394,1.296-3.609-0.098-4.949L53.5,48.51z"></path></svg>'); display:block; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; margin: 2rem auto;opacity: 0.64;}
main>article>section>ul>li:last-child>h3:before{content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M50,1.1C23,1.1,1.1,23,1.1,50S23,98.9,50,98.9C77,98.9,98.9,77,98.9,50S77,1.1,50,1.1z M55.3,77.7c0,1.7-1.4,3.1-3.1,3.1  h-7.9c-1.7,0-3.1-1.4-3.1-3.1v-5.1c0-1.7,1.4-3.1,3.1-3.1h7.9c1.7,0,3.1,1.4,3.1,3.1V77.7z M67.8,47.3c-2.1,2.9-4.7,5.2-7.9,6.9  c-1.8,1.2-3,2.4-3.6,3.8c-0.4,0.9-0.7,2.1-0.9,3.5c-0.1,1.1-1.1,1.9-2.2,1.9h-9.7c-1.3,0-2.3-1.1-2.2-2.3c0.2-2.7,0.9-4.8,2-6.4  c1.4-1.9,3.9-4.2,7.5-6.7c1.9-1.2,3.3-2.6,4.4-4.3c1.1-1.7,1.6-3.7,1.6-6c0-2.3-0.6-4.2-1.9-5.6c-1.3-1.4-3-2.1-5.3-2.1  c-1.9,0-3.4,0.6-4.7,1.7c-0.8,0.7-1.3,1.6-1.6,2.8c-0.4,1.4-1.7,2.3-3.2,2.3l-9-0.2c-1.1,0-2-1-1.9-2.1c0.3-4.8,2.2-8.4,5.5-11  c3.8-2.9,8.7-4.4,14.9-4.4c6.6,0,11.8,1.7,15.6,5c3.8,3.3,5.7,7.8,5.7,13.5C70.9,41.2,69.8,44.4,67.8,47.3z"></path></svg>'); display:block; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; margin: 2rem auto;opacity: 0.64;}
/* NON SVG */
main>article>section>ul>li:first-child>h3:before{content:'$'; display: block; line-height:5rem; width:5rem; font-size: 2.4rem; border-radius: 50%; margin: 1rem auto; background: rgba(0,0,0,0.5);}
main>article>section>ul>li:nth-child(2)>h3:before{content:'\23f0'; display: block; line-height:5rem; width:5rem; font-size: 2.4rem; border-radius: 50%; margin: 1rem auto; background: rgba(0,0,0,0.5);}
main>article>section>ul>li:last-child>h3:before{content:'\1f588'; display: block; line-height:5rem; width:5rem; font-size: 2.4rem; border-radius: 50%; margin: 1rem auto; background: rgba(0,0,0,0.5);}

main>article>section>ul>li>ul{list-style: none; padding: inherit; margin: inherit; margin: 0 auto;}
main>article>section>footer{width: 100%;}
main>article>section>footer>form{display: block; width: 100%; margin: auto;}
main>article>section>footer>form>input[type=text]{display:block; width:100%; font-size:larger; padding: 0.5rem 1rem; height: auto; line-height: 1.5; border: 1px solid rgb(128,128,128); border-radius: 0.25rem;}
main>article>section>footer>form>input[type=date], main>article>section>footer>form>input[type=number]{display:inline-block; width:50%; font-size:larger; padding: 0.5rem 1rem; height: auto; line-height: 1.5; border: 1px solid rgb(128,128,128); border-radius: 0.25rem;}
main>article>section>footer>form>input[type=submit]{display:block; width: 100%; font-size:larger; padding: 0.5rem 1rem; height: auto; line-height: 1.5; border: 1px solid rgb(128,128,128); border-radius: 0.25rem; background: rgba(00,143,255, 0.96); color: inherit;}
body>footer>section{width: 100%;}
body>footer>section>h2{text-align: center;}
body>footer>section>h2>span{display: block; filter: invert(100%);}
body>footer>section>address{font-size: 1.1rem; margin: 1rem auto; width: 96%; text-decoration: none;}
body>footer>section>iframe{border: 0; margin: 1rem auto; width: 96%; display: block;}

@media screen and (min-width : 65rem){
	main>article{padding: 1rem 12%;}
	main>article>section>ul>li{display: inline-block; width: 33.3%;}
	main>article>h2:first-child>span, main>article>nav:last-child>details>summary>h3>span, body>footer>section>h2>span{display: inline-block;}
	main>article>nav:last-child>a, main>article>nav:last-child>details{width: 33%; padding: 0.4rem; margin: 0.1rem; background: rgba(0,0,0,0.05) /*linear-gradient(to top,rgba(0,0,0,0.16),transparent)*/; border-radius: 0.25rem;}
	main>article>section>img{}
	main>article>nav:last-child>details:first-of-type:nth-last-of-type(1){width: 100%;}
	main>article>nav:last-child>a:first-of-type:nth-last-of-type(1){width: 100%;}
	main>article>nav:last-child>a:first-of-type:nth-last-of-type(2), main>article>nav:last-child>a:first-of-type:nth-last-of-type(2) ~ a{width: 49.68%;}
	body>footer>section{width: 50%; min-height: 50vh; height: auto;}
	body>footer>section>iframe{height: auto;}

	/*main>article>nav:last-child>details{width: 33.3% !important;}
	main>article>nav:last-child>details:only-child{width: 100%;}*/
}
/*main>article:first-child{display: flex; flex-direction: column; align-items: center;}
main>article:first-child>:first-child{margin-top: 68px;}
*/
/*main>article:not(:first-child)>h2:first-child{position: relative; text-align: center; padding-top: calc(62px + 2rem); margin-top: 62px;}*/
/*main>article:first-child{min-height: 100vh; width: 100%;}*/

header>nav{position: fixed; right:-75%; top: 0; height:100%; width:75%; transition: right 256ms 256ms; text-align: center;}
header>nav:target{right: 0;}
header>nav>a:first-child{ font-size: 2rem; font-weight: bold; line-height: 3rem; height:3rem; width: 3rem; background: rgba(0,0,0,0.96); margin-left: -3.5rem; margin-top: 0.5rem; border-radius: 0.25rem; opacity: 0.5; transition: opacity 0.3s;}
/*header>nav:target>a:first-child{opacity: 0.5;}*/
header>nav>a{text-decoration: none; display: block; width: 100%;}
/*header>nav:target>a{}*/
header>nav>a:last-child:before{content: '\2715'; font-size: 2rem; display:block; position: fixed; z-index: -1; top: 0.5rem; right: 0.5rem; line-height: 3rem; height:3rem; width: 3rem; background: rgba(0,0,0,0.96); border-radius: 0.25rem; opacity: 0.5; transition: opacity 0.3s;}
/*header>nav:target>a:last-child:before{opacity: 0.5;}*/
/*header>nav>a:first-child{line-height: 2rem; height:2rem; width: 2rem; background: rgba(0,0,0,0.96); margin: 0.5rem 0 0.5rem calc(100% - 2.5rem); border-radius: 1rem;}*/
header>nav>a:last-child{visibility: hidden; position: fixed; width: 100%; height: 100%; left:0; top:0; bottom: 0; right: 0; background: rgba(255,0,128,0.0); z-index: -1; transition: visibility 0.3s, opacity 0.3s;}
header>nav:target>a:last-child{visibility: visible;}
header>section[role=banner]>a:last-child{font-size: 1.2em; padding: 0.5em; margin: 1rem auto; text-decoration: none; background: #cddc39; border-radius: 0.2em; color: white; text-shadow: none;}
footer>nav{width: 100%; padding: 1rem; text-align: center;}
/*
header>nav[role=navigation]{position: fixed; left: 100%; top: 0; height: 100%; width: 80%; transition: left 256ms 256ms; text-align: right;}
header>nav[role=navigation]:target{left: 20%; transition-delay: 0;}
header>nav>a{display: block; text-align: center; text-decoration: none;}
header>nav>a:first-child{padding: 0; font-size: 2.4rem; color: rgb(32,32,32); text-decoration: none; text-align: center; margin-left: -3.4rem; background: rgba(0,0,0,0.64); border-radius: 0.4rem; height: 3rem; width: 3rem; line-height: 3rem;}
*/
/*header>nav>input[type=checkbox]{display: none;}
header>nav>input[type=checkbox]:checked ~ a{display: block;}
header>nav>label{display:block; padding: 0; font-size: 2.5em; color: rgb(32,32,32); text-decoration: none; text-align: right;}
header>nav>a{position: static; display: none;}*/



body>header{background: url('img/varanasi.jpg') center center fixed rgba(255,255,255,0.16); color: rgba(255,255,255,0.96); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background-size: cover;}
body>header>section[role=banner]{background: rgba(0,0,0,0.16);}
header>nav[role=navigation]{background: rgba(0,0,0,0.96);color: inherit; z-index: 9999;}
header>nav[role=navigation]>a{color: rgba(255,255,255,0.86);}
main>article>h2:first-child{color: inherit;text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
main>article>h2:first-child>span{color: inherit; font-weight: 400; text-shadow: 0 1px 3px rgba(255,255,255,0.12), 0 1px 2px rgba(255,255,255,0.24);}
main>article>nav:last-child>a{color: rgba(255,255,255,0.76);text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
main>article>nav:last-child>details{color: rgb(255,255,255);text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
body>footer{background: url('img/footer.jpg') center center fixed rgba(0,0,0,0.16); color: rgba(255,255,255,0.64); background-size: cover;}
body>footer>section>h2{color: inherit; text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
body>footer>section, body>footer>nav{background: rgba(0,0,0,0.32);}
body>footer>section>a, body>footer>nav>a{text-decoration: none; color: rgba(255,255,255,0.96); padding: 0 1.2em;}
body>main>article:nth-child(2n+1){background: rgb(242,143,29);/*#ffc107;*/ color: rgba(0,0,0,0.96);}
body>main>article:nth-child(2n){background: rgb(48,48,48); /*#cddc39 #616161;*/ color: rgba(255,255,255,0.76); text-shadow:none;}