.ovped-row,
.ovped-row-content {
    position: relative
}

.ovped-form .ovped-form-row .ovped-field button {
    font-size: inherit;
    font-family: inherit
}

body {
    background-color: #fff;
    color: #000;
    font-family: Montserrat, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif
}

a {
    color: #61ba7a
}

* {
    box-sizing: border-box
}

body,
h1,
p {
    margin: 0
}

.ovped-menu .ovped-hamburger-trigger {
    display: none
}

.ovped-row-content {
    max-width: 1440px;
    margin: 0 auto;
    display: flex
}

.ovped-row-content.reverse,
.ovped-row-content.reverse .ovped-col {
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.ovped-row-content .ovped-col-w2 {
    flex-basis: 17%
}

.ovped-row-content .ovped-col-w4 {
    flex-basis: 33%
}

.ovped-row-content .ovped-col-w6 {
    flex-basis: 50%
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 div.label:not(.inline),
.ovped-row-25 .ovped-col-3 .ovped-block-2 label:not(.inline),
.ovped-row-content .ovped-col-w12 {
    flex-basis: 100%
}

.ovped-button .content {
    text-align: center
}

.ovped-button a,
.ovped-icon .ovped-icon-label-right a,
.ovped-menu ul li a {
    text-decoration: none
}

.ovped-image {
    overflow: auto
}

.ovped-image .ovped-center {
    margin: 0 auto
}

.ovped-row-10 .ovped-col-2 .ovped-block-1,
.ovped-row-14 .ovped-col-2 .ovped-block-1,
.ovped-row-16 .ovped-col-1 .ovped-block-2,
.ovped-row-16 .ovped-col-2 .ovped-block-2,
.ovped-row-16 .ovped-col-3 .ovped-block-2,
.ovped-row-17 .ovped-col-2 .ovped-block-2,
.ovped-row-17 .ovped-col-3 .ovped-block-2,
.ovped-row-20 .ovped-col-2 .ovped-block-1,
.ovped-row-22 .ovped-col-3 .ovped-block-1,
.ovped-row-25 .ovped-col-2 .ovped-block-2,
.ovped-row-25 .ovped-col-3 .ovped-block-2 .ovped-form-row:not(.ovped-sidelabel) input:not([type=checkbox]):not([type=radio]),
.ovped-row-26 .ovped-col-1 .ovped-block-2,
.ovped-row-3 .ovped-col-2 .ovped-block-1,
.ovped-row-6 .ovped-col-2 .ovped-block-1,
.ovped-row-8 .ovped-col-3 .ovped-block-1 {
    width: 100%
}

.ovped-form .ovped-form-row .ovped-field {
    padding: 3px;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center
}

.ovped-row-1 .ovped-col-1,
.ovped-row-1 .ovped-col-1 .ovped-block-2,
.ovped-row-1 .ovped-col-2,
.ovped-row-1 .ovped-col-3,
.ovped-row-10 .ovped-col-1,
.ovped-row-10 .ovped-col-2,
.ovped-row-10 .ovped-col-3,
.ovped-row-10 .ovped-col-4,
.ovped-row-11 .ovped-col-1,
.ovped-row-14 .ovped-col-1,
.ovped-row-14 .ovped-col-2,
.ovped-row-16 .ovped-col-1,
.ovped-row-16 .ovped-col-2,
.ovped-row-16 .ovped-col-3,
.ovped-row-17 .ovped-col-1,
.ovped-row-17 .ovped-col-2,
.ovped-row-17 .ovped-col-3,
.ovped-row-17 .ovped-col-4,
.ovped-row-18 .ovped-col-1,
.ovped-row-19 .ovped-col-1,
.ovped-row-20 .ovped-col-1,
.ovped-row-20 .ovped-col-2,
.ovped-row-20 .ovped-col-3,
.ovped-row-20 .ovped-col-4,
.ovped-row-22 .ovped-col-1,
.ovped-row-22 .ovped-col-2,
.ovped-row-22 .ovped-col-3,
.ovped-row-22 .ovped-col-4,
.ovped-row-24 .ovped-col-1,
.ovped-row-25 .ovped-col-1,
.ovped-row-25 .ovped-col-2,
.ovped-row-25 .ovped-col-3,
.ovped-row-25 .ovped-col-4,
.ovped-row-27 .ovped-col-1,
.ovped-row-3 .ovped-col-1,
.ovped-row-3 .ovped-col-2,
.ovped-row-4 .ovped-col-1,
.ovped-row-5 .ovped-col-1,
.ovped-row-6 .ovped-col-1,
.ovped-row-6 .ovped-col-2,
.ovped-row-6 .ovped-col-3,
.ovped-row-6 .ovped-col-4,
.ovped-row-7 .ovped-col-1,
.ovped-row-8 .ovped-col-1,
.ovped-row-8 .ovped-col-2,
.ovped-row-8 .ovped-col-3,
.ovped-row-8 .ovped-col-4,
.ovped-row-9 .ovped-col-1 {
    padding-bottom: 5px;
    padding-top: 5px
}

.ovped-form .ovped-form-row .ovped-field.ovped-inline-field {
    flex-wrap: nowrap;
    align-items: flex-start
}

.ovped-form .ovped-form-row .ovped-field input:not([type=checkbox]):not([type=radio]) {
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit
}

.ovped-form .ovped-form-row .ovped-field input[type=checkbox]:not(:first-of-type) {
    margin-left: 15px
}

.ovped-form .ovped-form-row .ovped-field .ovped-button-container {
    flex-grow: 1
}

.ovped-form input[type=color] {
    border: none;
    height: 38px
}

.ovped-form input[type=color]::-webkit-color-swatch-wrapper {
    margin: 0;
    padding: 2px
}

.ovped-menu ul {
    margin: 0;
    padding: 0
}

.ovped-form input[type=color]::-webkit-color-swatch {
    margin: 0;
    padding: 0
}

.ovped-icon {
    display: inline-block;
    vertical-align: middle
}

.ovped-icon .ovped-icon-image {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px
}

.ovped-icon .ovped-icon-label-right,
.ovped-menu ul.ovped-horizontal li {
    display: inline-block
}

.ovped-image img {
    display: block;
    width: 100%
}

.ovped-menu .ovped-hamburger-controls {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.ovped-menu .ovped-hamburger-controls span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: .12s ease-in-out
}

.ovped-menu ul {
    list-style-type: none
}

.ovped-social .icon img {
    max-height: 32px
}

.ovped-text {
    overflow-wrap: anywhere
}

.ovped-video a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}

.ovped-video img {
    display: block;
    width: 100%;
    height: auto
}

.ovped-row-1,
.ovped-row-10,
.ovped-row-14,
.ovped-row-16,
.ovped-row-17,
.ovped-row-18,
.ovped-row-6,
.ovped-row-8 {
    background-color: #fff;
    background-repeat: no-repeat
}

.ovped-row-1 .ovped-row-content,
.ovped-row-14 .ovped-row-content,
.ovped-row-16 .ovped-row-content,
.ovped-row-17 .ovped-row-content,
.ovped-row-18 .ovped-row-content,
.ovped-row-26 .ovped-row-content {
    background-color: #85586F;
    background-repeat: no-repeat;
    color: #000
}

.ovped-row-1 .ovped-col-1 .ovped-block-2 {
    width: 100%
}

.ovped-row-1 .ovped-col-3 .ovped-block-2,
.ovped-row-26 .ovped-col-1 .ovped-block-6 {
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    text-align: center
}

.ovped-row-12,
.ovped-row-13,
.ovped-row-15,
.ovped-row-2,
.ovped-row-21,
.ovped-row-23 {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: auto
}

.ovped-row-12 .ovped-row-content,
.ovped-row-2 .ovped-row-content,
.ovped-row-21 .ovped-row-content,
.ovped-row-23 .ovped-row-content {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: auto;
    color: #000
}

.ovped-row-11,
.ovped-row-19,
.ovped-row-20,
.ovped-row-22,
.ovped-row-24,
.ovped-row-25,
.ovped-row-27,
.ovped-row-3,
.ovped-row-4,
.ovped-row-5,
.ovped-row-7,
.ovped-row-9 {
    background-repeat: no-repeat
}

.ovped-row-10 .ovped-row-content,
.ovped-row-11 .ovped-row-content,
.ovped-row-19 .ovped-row-content,
.ovped-row-20 .ovped-row-content,
.ovped-row-22 .ovped-row-content,
.ovped-row-24 .ovped-row-content,
.ovped-row-25 .ovped-row-content,
.ovped-row-3 .ovped-row-content,
.ovped-row-4 .ovped-row-content,
.ovped-row-5 .ovped-row-content,
.ovped-row-6 .ovped-row-content,
.ovped-row-7 .ovped-row-content,
.ovped-row-8 .ovped-row-content,
.ovped-row-9 .ovped-row-content {
    background-color: #fff;
    background-repeat: no-repeat;
    color: #000
}

.ovped-row-10 .ovped-col-3 .ovped-block-2,
.ovped-row-16 .ovped-col-1 .ovped-block-4,
.ovped-row-16 .ovped-col-2 .ovped-block-4,
.ovped-row-16 .ovped-col-3 .ovped-block-4,
.ovped-row-17 .ovped-col-2 .ovped-block-4,
.ovped-row-17 .ovped-col-3 .ovped-block-4,
.ovped-row-20 .ovped-col-3 .ovped-block-2,
.ovped-row-22 .ovped-col-2 .ovped-block-2,
.ovped-row-24 .ovped-col-1 .ovped-block-3,
.ovped-row-3 .ovped-col-1 .ovped-block-2,
.ovped-row-5 .ovped-col-1 .ovped-block-2,
.ovped-row-6 .ovped-col-3 .ovped-block-2,
.ovped-row-8 .ovped-col-2 .ovped-block-2 {
    padding: 5px 20px;
    text-align: center;
    width: 100%
}

.ovped-row-14 .ovped-col-1 .ovped-block-1,
.ovped-row-15 .ovped-col-1 .ovped-block-2,
.ovped-row-19 .ovped-col-1 .ovped-block-2,
.ovped-row-24 .ovped-col-1 .ovped-block-2,
.ovped-row-3 .ovped-col-1 .ovped-block-3,
.ovped-row-5 .ovped-col-1 .ovped-block-1 {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%
}

.ovped-row-10 .ovped-col-3 .ovped-block-3,
.ovped-row-14 .ovped-col-1 .ovped-block-3,
.ovped-row-16 .ovped-col-1 .ovped-block-5,
.ovped-row-16 .ovped-col-2 .ovped-block-5,
.ovped-row-16 .ovped-col-3 .ovped-block-5,
.ovped-row-17 .ovped-col-2 .ovped-block-5,
.ovped-row-17 .ovped-col-3 .ovped-block-5,
.ovped-row-20 .ovped-col-3 .ovped-block-3,
.ovped-row-22 .ovped-col-2 .ovped-block-3,
.ovped-row-25 .ovped-col-3 .ovped-block-1,
.ovped-row-3 .ovped-col-1 .ovped-block-5,
.ovped-row-6 .ovped-col-3 .ovped-block-3,
.ovped-row-8 .ovped-col-2 .ovped-block-3 {
    padding: 10px 20px
}

.ovped-row-11 .ovped-col-1 .ovped-block-2,
.ovped-row-18 .ovped-col-1 .ovped-block-1,
.ovped-row-3 .ovped-col-1 .ovped-block-7 {
    padding: 10px 20px;
    text-align: center
}

.ovped-row-10 .ovped-col-3 .ovped-block-4,
.ovped-row-20 .ovped-col-3 .ovped-block-5,
.ovped-row-6 .ovped-col-3 .ovped-block-4 {
    padding: 10px 20px;
    text-align: left
}

.ovped-row-22 .ovped-col-2 .ovped-block-5,
.ovped-row-8 .ovped-col-2 .ovped-block-4 {
    padding: 10px 20px;
    text-align: right
}

.ovped-row-13 .ovped-row-content,
.ovped-row-15 .ovped-row-content {
    background-color: #61ba7a;
    background-repeat: no-repeat;
    background-size: auto;
    color: #000
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 {
    font-family: inherit;
    font-size: 14px;
    padding: 20px;
    text-align: left
}

.ovped-row-26 {
    background-color: #fff;
    background-position: top center;
    background-repeat: repeat
}

.ovped-row-26 .ovped-col-1 {
    padding-bottom: 10px;
    padding-top: 10px
}

.ovped-row-26 .ovped-col-1 .ovped-block-4 {
    padding: 10px 30px
}

.ovped-row-26 .ovped-col-1 .ovped-block-5 {
    padding: 10px;
    text-align: center
}

.ovped-row-27 .ovped-row-content {
    background-repeat: no-repeat;
    color: #000
}

.ovped-row-27 .ovped-col-1 .ovped-block-1 {
    color: #9d9d9d;
    font-family: inherit;
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center
}

.ovped-row-1 .ovped-col-3 .ovped-block-2 li,
.ovped-row-26 .ovped-col-1 .ovped-block-6 li {
    padding: 10px
}

.ovped-row-1 .ovped-col-3 .ovped-block-2 li a,
.ovped-row-26 .ovped-col-1 .ovped-block-6 li a {
    color: #fff
}

.ovped-row-27 .ovped-col-1 .ovped-block-1 .ovped-icon-image {
    padding: 5px 6px 5px 5px
}

.ovped-row-27 .ovped-col-1 .ovped-block-1 .ovped-icon {
    margin-left: 0;
    margin-right: 0
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 {
    text-align: "left"
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 form {
    display: inline-block;
    width: 80%
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 div.label,
.ovped-row-25 .ovped-col-3 .ovped-block-2 label {
    color: #225431;
    line-height: 200%;
    text-align: left;
    display: block
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 ::-webkit-input-placeholder {
    color: #225431
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 :-moz-placeholder {
    color: #225431
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 ::-moz-placeholder {
    color: #225431
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 :-ms-input-placeholder {
    color: #225431
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 .ovped-field>label:first-child,
.ovped-row-25 .ovped-col-3 .ovped-block-2 div.label {
    padding: 3px
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 .ovped-field.ovped-inline-field input[type=checkbox] {
    position: relative;
    color: purple;
    top: 5px
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 input:not([type=checkbox]):not([type=radio]):not([type=image]) {
    background-color: #ededed;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 4px;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #225431;
    padding: 5px;
    min-height: 38px
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 input:not([type=checkbox]):not([type=radio]):focus {
    outline-color: #ffd200
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 button {
    background-color: #ffd200;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-radius: 5px;
    border-right: 0px solid transparent;
    border-top: 0 solid transparent;
    color: #225431;
    line-height: 200%;
    padding: 5px 20px;
    width: auto
}

.ovped-row-25 .ovped-col-3 .ovped-block-2 .ovped-button-container {
    padding-top: 15px;
    text-align: "left"
}


@media (max-width:1300px) {

    .ovped-row-content .ovped-col-w4{
        flex-basis: 80% !important;
    }

}

@media (max-width:900px) {
    .ovped-form form {
        width: 100% !important
    }

    .ovped-menu ul.with-ovped-hamburger {
        display: none;
        padding: 5px 0;
        position: relative;
        top: -4px
    }

    .ovped-menu ul.with-ovped-hamburger li {
        display: block;
        text-align: center
    }

    .ovped-menu ul.with-ovped-hamburger li a {
        text-decoration: none
    }

    .ovped-menu ul.with-ovped-hamburger span {
        display: none
    }

    #ovped-hamburger-m132:checked~ul,
    #ovped-hamburger-m2616:checked~ul,
    .ovped-row-content:not(.no_stack) {
        display: block
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 .ovped-hamburger-controls,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 .ovped-hamburger-controls {
        width: 36px;
        height: 36px;
        background-color: transparent;
        border-radius: 0
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 .ovped-hamburger-controls span,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 .ovped-hamburger-controls span {
        width: 18px;
        height: 18px
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 .ovped-hamburger-controls span.ovped-hamburger-open,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 .ovped-hamburger-controls span.ovped-hamburger-open {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgd2lkdGg9IjY0IiB5PSI1MiIvPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiIHk9IjI2Ii8+PC9nPjwvc3ZnPg==");
        transform: translate(-50%, -50%) scaleY(1)
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 .ovped-hamburger-controls span.ovped-hamburger-close,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 .ovped-hamburger-controls span.ovped-hamburger-close {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNjc4IC0uNzA3MTA2NzggLjcwNzEwNjc4IC0uNzA3MTA2NzggMzEuOTkxMzc4IDc3LjIzNDAxOSkiIHdpZHRoPSI4MiIgeD0iLTkuMDA4NjIyIiB5PSIyNS45OTEzNzgiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDc3LjgxOTgwNiAzMi4yMzQwMTkpIiB3aWR0aD0iODIiIHg9Ii04Ljc2NTk4MSIgeT0iMjYuMjM0MDE5Ii8+PC9nPjwvc3ZnPg==");
        transform: translate(-50%, -50%) scaleY(0)
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 ul.with-ovped-hamburger,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 ul.with-ovped-hamburger {
        background-color: transparent
    }

    .ovped-row-1 .ovped-col-3 .ovped-block-2 ul.with-ovped-hamburger li,
    .ovped-row-1 .ovped-col-3 .ovped-block-2 ul.with-ovped-hamburger li a,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 ul.with-ovped-hamburger li,
    .ovped-row-26 .ovped-col-1 .ovped-block-6 ul.with-ovped-hamburger li a {
        color: #fff
    }

    #ovped-hamburger-m132:checked~.ovped-hamburger-controls .ovped-hamburger-open,
    #ovped-hamburger-m2616:checked~.ovped-hamburger-controls .ovped-hamburger-open {
        transform: translate(-50%, -50%) scaleY(0)
    }

    #ovped-hamburger-m132:checked~.ovped-hamburger-controls .ovped-hamburger-close,
    #ovped-hamburger-m2616:checked~.ovped-hamburger-controls .ovped-hamburger-close {
        transform: translate(-50%, -50%) scaleY(1)
    }
}

ul{
    list-style-position: outside;
    list-style-type: disclosure-closed;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 16px;
}

.ovped-button-content:hover{
    background-color: #85586F !important;
    color:white !important;
}

.center{
    text-align: center !important;
}

.contact-box{
    margin-top:10px;
    margin-bottom:10px;
}

.contact-box a{
    color:white !important;
    font-size:18px
}
.ovped-title-mobile{
    display: none;
}

@media (max-width:435px) {
   .ovped-title{
        display: none;
    }
    .ovped-title-mobile{
        display: inline-block;
    }

}

@media (max-width:800px) {
    #performance_register-box{
        max-width: unset !important;
    }

    #performance-title{
        font-size:20px;
    }
    #performance-date{
        font-size:16px;
    }
}


.performance-box{
    text-align: left;
    padding:30px 20px;
    border-bottom: 1px dashed black;
    color:#85586F !important;
    min-height:120px;
}

.performance-box h2{
    padding-top:0px !important;;
    margin-top:0px !important;
}

.btn-mainpage{
    background-color: transparent;
    color:#85586F;
    border: 2px solid #85586F;
    float:right;
    font-weight: 900;
}

.btn-mainpage:hover{
    background-color: #85586F !important;
    color:white !important;
}
.ovped-button{
    text-align: center !important;
}
.form-control {
    border-radius: 6px !important;
    outline: none !important;
    border: none !important;
    box-shadow: -5px 2px 10px 1px rgb(0 0 0 / 18%);
}

label{
    font-weight: unset !important;
}

.tinyMce-placeholder , .ovped-heading{
    color: #85586F !important;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #85586f #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #85586f;
    border-radius: 10px;
    border: 4px solid #ffffff;
}

@media only screen and (max-width: 600px) {

    .mobile-disable{
        display: none !important;
    }

    .mobile-no-padding{
        padding:0 !important;
    }

}


.container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}