* { color: #000; text-align: center; line-height: 1; margin: 0 auto; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, footer, header, menu, nav, section, div { display: block; max-width: 100%; }

body, html { height: 100%; }

body { font-family: 'Yantramanav', sans-serif; font-size: 18px; line-height: 1.42857143; font-weight: 500; letter-spacing: 1px; color: #040303;	background: #fff; min-height: 100%; max-width: 100%; }

    .grey { color: #666; }

img { max-width: 100%; height:  auto; }

  img.logo { max-width: 90px; }

a { color: #000; text-decoration: none; }


p { line-height: 1.75; margin: 25px auto; }	
  p a { text-decoration: underline; }
    p a:hover { background-color: rgba(0,0,0,.1); }
  footer p { font-size: 15px; }
  
  #auditionsamples p { font-size: 21px; }

h1 { font-size: 27px; text-transform: uppercase; line-height: 1.125; letter-spacing: 2px; word-spacing: -2px;  }

h1 span { width: auto; }	

h2 { font-size: 30px; font-weight: 300; line-height: 1.25; text-align: center; margin-bottom: 10px; }

  a h2 { text-decoration: underline; }
    a:hover h2 { background-color: rgba(0,0,0,.1); text-decoration: none; }
  
h3 { font-size: 20px; font-weight: 300; line-height: 1.25; text-align: center; margin-bottom: 10px; }  




iframe .player .title header h2 {display:none;}


#container { max-width: 600px; }

header, footer { max-width: 750px; margin: 25px auto; text-align: center; }

section { margin: 50px auto; }

  section#top, section#contact { margin: 0 auto; }


.resp-container { position: relative; overflow: hidden; padding-top: 56.25%; }

.resp-iframe { position: absolute; top: 0; left: 0; width: 600px; max-width: 100%; height: 100%; border: 0; }

div.navrow {}

div.full { width: 100%; }
div.third { width: 32%; float: left; margin-right: 2%; }
div.thirdlast { width: 32%; float: left; }

#contact div { margin: 0 auto 50px; }
#contact div p { margin: 12.5px auto; }


#photo div div { margin: 25px auto; }

  #photo div div div.caption { display: none; }


section::after { content: ""; clear: both; display: table; }


nav { margin: 0 auto 50px; padding: 5px 0; max-width: 250px; border-top: 1px solid #666; border-bottom: 1px solid #666; }
  ul { list-style: none; }
    li { display: block; }
      li a { color: #666; text-transform: uppercase; padding: 10px 20px; display: block; }
      li a:hover { color: #000; background-color: rgba(0,0,0,.1); }

/*--------------------------------------*/


@media (max-width: 60em) {
  #container { width: 100%; }
}


@media (max-width: 30em) {
  h1 span { display: block; }
}