@charset "UTF-8";
/* CSS Document */

	.superscript { position: relative; top: -0.75em; font-size: 50%; }
	
.wrap {
	clear: right;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	cursor: nwse-resize;
}
.wrap-instructions {
	clear: right;
	float: left;
	padding-bottom: 25px;
	padding-left: 10px;
	cursor: default;
	text-align: center;
	text-transform: uppercase;
	color: #5d87a1;
}	
	
	
	/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 612px;
  max-height: 100%;
  overflow: hidden;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0; /* gets height from padding-bottom */
	/* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */
}

.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
  border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-612x792 {
  padding-bottom: 129%;
}

/* general styles */
/* ============== */
.set-border {
    border: 1px solid silver;
}
.set-box-shadow {
    -webkit-box-shadow: 4px 4px 14px #a1a1a1;
    /* [disabled]-moz-box-shadow: 4px 4px 14px #4f4f4f; */
    box-shadow: 4px 4px 14px #a1a1a1;
}
.set-padding {
  padding: 0px;
}
.set-margin {
    margin-top: 10px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 60px;
}
.center-block-horiz {
  margin-left: auto !important;
  margin-right: auto !important;
}