.message {
font-family: 'Courier New', monospace;
font-size: 100%;
color: red;
font-weight: bold;
}
.mycustombtn{
  background: #000;
}
.section-gap-small {
    padding: 20px 0;
}
.section-gap-50 {
    padding: 50px 0;
}
.section-gap-medium {
    padding: 80px 0;
}
.section-gap-large {
    padding: 100px 0;
}
.section-gap-xlarge {
    padding: 200px 0;
}
.head {
	font-family: 'Courier New', monospace;
	font-size: 120%;
	color: red;
	font-weight: bold;
}
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* Calculate padding-top based on desired aspect ratio (e.g., 16:9 for videos) */
  /* For 16:9, padding-top: (9 / 16) * 100% = 56.25% */
  padding-top: 56.25%; 
}

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