.Title{
	font-size:24px;
	font-weight:bold;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 85%;
    border: 0;
}

.SeriesButton {
	transform: skew(-20deg);
	position: relative;
	font-family: GilroyBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: inline-block;
	align-items: center;
	gap: 20px;
	background-color: #0063a6 !important;
	color: #fff;
	border-width: 0;
	height: auto;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
  	width:330px;
}

.SeriesButton:hover{
	background-color:#1C355E !important;
}

.SeriesButton2 {
	background-color:#FFF;
	border:thin;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	margin: 4px 2px;
	width:90%;
	font-weight:bold;
	border-radius: 6px;
}

.addMore:hover{
	background-color: #ddd;
}

.grid-container {
	display: grid;
	grid-template-columns: .5fr 1.5fr;
	grid-gap: 10px;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 85%;
    border: 0;
}

.container {
	position: relative;
}

.iframe-container {
	overflow: hidden;
	/* 16:9 aspect ratio */
	padding-top: 56.25%;
	position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

input{ 
	width:100%;
	padding:5px;
	border:1px solid black;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

td{
	padding-right:25px;
}

.text-block {
	position: absolute;
	top:10%;
	left: 15%;
	right: 15%;
	background-color:#FFFFFF;
	border:3px solid black;;
	
	padding: 20px;
	z-index:1;
}

.flex-item-left {
	flex: 20%;
}

.flex-item-right {
	flex: 80%;
}