@font-face {
    font-family: 'urban_jungleregular';
    src: url('../fonts/urbanjungledemo-webfont.eot');
    src: url('../fonts/urbanjungledemo-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/urbanjungledemo-webfont.woff') format('woff'),
         url('../fonts/urbanjungledemo-webfont.ttf') format('truetype'),
         url('../fonts/urbanjungledemo-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'urban_hook-upznot_included.';
    src: url('../fonts/urban_hook-upz-webfont.eot');
    src: url('../fonts/urban_hook-upz-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/urban_hook-upz-webfont.woff') format('woff'),
         url('../fonts/urban_hook-upz-webfont.ttf') format('truetype'),
         url('../fonts/urban_hook-upz-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Champagne_Limousines';
    src: url('../fonts/champagne__limousines-webfont.eot');
    src: url('../fonts/champagne__limousines-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/champagne__limousines-webfont.woff') format('woff'),
         url('../fonts/champagne__limousines-webfont.ttf') format('truetype'),
         url('../fonts/champagne__limousines-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'scriptinaregular';
    src: url('../fonts/scriptin-webfont.eot');
    src: url('../fonts/scriptin-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/scriptin-webfont.woff') format('woff'),
         url('../fonts/scriptin-webfont.ttf') format('truetype'),
         url('../fonts/scriptin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'chunkfiveroman';
    src: url('../fonts/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nav li a{
	
}
.navbar{
	background-color: rgba(0, 0, 0, 0.5);
}

video#bgvid {
position: fixed;
top:0px;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url(http://dominiquedadiva.com/css/polina.jpg) no-repeat;
background-size: cover;
}

.twitter:hover{

}

.darken{
    background: url(../img/darken.png);
    padding: 10px;
    border-radius: 3px;
}
#onair{
    position: fixed;
    top:55px;
    left:75%;
    z-index: 100;
}
#onair img{
  width:250px;
}
.footer{
    font-family: 'Champagne_Limousines', "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-image: url(../img/D.png);
    background-position: left center;
    font-size: 1.3em;
    /*background-color: #610080;*/
    color: #333;
    background-repeat: no-repeat;
}
.footer p{
        font-size: 16px;
}
.dadiva{
    font-family: 'Monoton', cursive;
    text-align: left;

}
.footerfont{
  font-family: 'Champagne_Limousines', "Helvetica Neue",Helvetica,Arial,sans-serif;
  /*font-size: 19px;*/
  font-size: 1.3em;
}

.divaquotes{
    background:
    url(../img/1.png) top center no-repeat;


}
.videocaptions{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-align: left;
}
.divaquote{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 72px;
    text-align: left;
    line-height: 100px;
    font-weight: 100;
    color:#ccc;
}

.navbar-brand{
	float:none;
}
.nostyle{
	padding: 0px;
	margin:0px;
}
.diva{
	padding-top: 90px;
	padding-left: 50px;
	background: url(../img/09A71826ab.jpg) no-repeat top left;
	/*background: url(../img/IMG_8726.JPG) no-repeat top left;*/
    background-color: #610080;
}
.dddtitle{
	font-family:'urban_jungleregular';
	font-size: 64px;
}
.dddlead{
	font-family:'chunkfiveroman';
	font-weight: bold;
	font-size: 22px;
}
.dddint{
	background: url(../img/ddd.png) no-repeat center left;
	background-size: cover;
	    background-color: #610080;
}
.ddd{
	border-bottom: #333 4px solid;
	border-radius: 15px;
	padding: 5px;
	margin-bottom: 15px;
}
.ddd p{
	color:#333;
}
.todbg{
background: url(../img/Picture142blur.png) no-repeat center left;
   background-color: #610080;
   background-size: cover;
}
.dabg{
/*background: url(../img/Picture179-1blur.png) no-repeat center left;*/
background: url(../img/09A71928bcde.jpg) no-repeat center left;
   background-color: #610080;
   background-size: cover;
}

.eventsbg{
/*background: url(../img/Picture161blur.png) no-repeat center left;*/
background: url(../img/09A71928b.jpg) no-repeat center left;
   background-color: #610080;
   background-size: cover;
}
.videobg{
/*background: url(../img/Picture179-1blur.png) no-repeat center left;*/
background: url(../img/09A71928bc.jpg) no-repeat center left;
   background-color: #610080;
   background-size: cover;
}
.dddbg{
  /*Richmond,_Virginia_skyline.jpg*/
  /*background: url(../img/Picture095-1blur.png) no-repeat center left;*/
  
  background: url(../img/09A71928bcdef.jpg) no-repeat center left;
     background-color: #610080;
     background-size: cover;

}
.darkentext{
  color:#333;
}

 #fadein2 {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
 #fadein5 {
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
 #fadein15 {
    animation: fadein 15s;
    -moz-animation: fadein 15s; /* Firefox */
    -webkit-animation: fadein 15s; /* Safari and Chrome */
    -o-animation: fadein 15s; /* Opera */
}
 #fadein10 {
    animation: fadein 10s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}
 #fadeout5 {
    animation: fadeout 5s;
    -moz-animation: fadeout 5s; /* Firefox */
    -webkit-animation: fadeout 5s; /* Safari and Chrome */
    -o-animation: fadeout 5s; /* Opera */
}
#slideleft5{
    position:relative;
    animation:mymove 5s 1;
    -webkit-animation:mymove 5s 1; /*Safari and Chrome*/
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}
///
@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}
///


@keyframes mymove
{
from {left:0px;}
to {left:50%;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:50%;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .diva{
    padding-top: 90px;
    padding-left: 50px;
    background: url(../img/IMG_8726.JPG) no-repeat top left;
    background-size: cover;
  }

  .navbar-brand img{
    margin-left:-10px;
    width:110%;
  }
  .navbar-header{
    width:15%;
  }

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */

	.diva{
    padding-top: 90px;
    padding-left: 50px;
    background: url(../img/IMG_8727.JPG) no-repeat top left;
       background-color:none;
	}
  .divaquotes{
      background:none;


  }
  .intro-text{
    visibility:hidden;
  }

  #onair{
      position: fixed;
      top:55px;
      left:0px;
      z-index: 100;
  }
  #onair img{
    width:125px;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

  #onair{
      position: fixed;
      top:55px;
      left:75%;
      z-index: 100;
  }
  #onair img{
    width:125px;
  }
}