/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: white;
  /*
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  */
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      
      
      
      
      
      
      
      
      /* Responsive iFrame */

.cover-container {
    max-width: inherit;
}

main {
	height: 100%;
	display: block;
}


#mkFullScreen {
	text-align: center;
	height: 980px;
	font-family: calibri, sans-serif,ms trebuchet;
	background: url(../../img/street-wallup.jpg) bottom center #000 no-repeat;
 	overflow: hidden;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: column;
	width: 100%;
}

.responsive-iframe-container {
/*
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
*/
position: sticky;
height: 100%;
overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

footer {
	font-size: 1.5em;
	color: yellow;
	text-align: right;
	background-color: rgba(0,0,0,0.7);
}

footer .row .col-2 {
	text-align: right;
	padding-right: 2em;
}

// `sm` applies to x-small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
	.responsive-iframe-container.ifr-default {
		display: none;
	}
	
	.responsive-iframe-container.ifr-phone {
		display: block;
	}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
	.responsive-iframe-container.ifr-default {
		display: block;
	}
		
	.responsive-iframe-container.ifr-phone {
		display: none;
	}
	
	footer .row .col-2 {
		padding-right: 0em;
		text-align: center;
	}
}