html, body {
	/*background-color: transparent !important;*/
  background-color: rgba(0,0,0,0.6);;
}

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

th {
  white-space: nowrap;
}

caption {
  color: #fff;
  font-size: 150%;
}

.lock {
  overflow:hidden;
}

.modal-content {
  position:relative;
  display:none;
  width:900px;
  max-height:80%;
  margin:30px;
  padding:20px 20px;
  border:2px solid #333;
  background:rgba(0,0,0,0.75);
  overflow:auto;
  text-align: left;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.modal-content div.row {
  margin-bottom: 2em;
}

.modal-content p {
  margin:0;
  padding:0;
}

.modal-content a {
  color: cyan;
  margin-top: 2em;
  text-decoration: none;
}
.modal-content a:hover {
  text-decoration: underline;
}
.modal-content a.modal-close {
  color: #aaa;
}


.modal-content img {
  max-width: 100%;
}

.modal-content dt {
  font-size: 150%;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.modal-content dd {
  margin-bottom: 1rem;
}

.modal-overlay {
  z-index:1;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.50);
}

.modal-wrap {
  z-index:2;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
}

.modal-open {
  /*color:#00f;*/
  /*text-decoration:underline;*/
}

.modal-open:hover {
  cursor:pointer;
  /*color:#f00;*/
}

.modal-close {
  color:#00f;
  text-decoration:underline;
}

.modal-close:hover {
  cursor:pointer;
  color:#f00;
}

@media screen and (max-device-width: 800px) {
	html { background: url(../movies/polina.jpg) #000 no-repeat center center fixed; }
	#bgvid { display: none; }
}

@media (min-width: 992px){
	.masthead, .mastfoot, .cover-container {
		width: 1140px !important;
	}
}

@media screen and (max-width: 767px) {
  .modal-content {
    width:90%;
  }
  .modal-content dt {
    margin-top: 1em;
  }
}