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

/*Brand colours*
/*Main black - #0b0203*/
/*OH Gold - #d4a553*/

*{padding:0px; margin:0px;}
.contact{width:12.5%;}
a{text-decoration:none;}

.single{display: block;}

.contact a{text-align: center; min-height:20px;color:#000!important; font-size:12px;}
.contact img{display: block; min-width:20px; width:20px; height:auto; margin:0 auto 0px auto;}

body{background:#0b0203; color:#fff; font-family:Helvetica, Arial, sans-serif;}

#topContact{display:flex; justify-content: center; min-height:20px; padding:10px; background:#d4a553;}
#topHeader img{width:100%; max-width:300px; margin:auto; display: block; padding:20px;}


h1, h2, h3, h4{ font-family:Helvetica, Arial, sans-serif;color:#d4a553; display:inline-block;}
p{margin:5px 0 15px 0!important;font-size:16px; line-height: 1.5em;}

h2{color:#fff!important;}

.content{max-width:50%;margin:auto;}

h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:18px;}

.bodyArea{width:100%;}

.topImage {padding:0%;}
.topImage img {width:100%;}


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

    .contact{width:100%;display:block;}
}

nav{
    position:absolute;
    top:0;
}

.promo-video{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:120px;
    margin-bottom:20px;
}

.enroll-now{
    display:flex;
    align-items: center;
    justify-content: center;
    margin:20px;
}

.enroll-now a{
    text-align: center;
    color:white;
    font-weight: bold;
    background-color:rgb(182, 17, 17);
    padding:20px 30px;
    border-radius: 10px;
    font-size:1.2rem;
    transition:0.5s;
}

.enroll-now a:hover{
    transform:scale(1.1,1.1);
}

.event-description{
    color:white;
    margin: auto 50px;;
    text-align: center;
}

.event-description p{
    font-size: 1.2rem;
}

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

.video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 90%;
    margin:0 auto;
}

.container{
    max-width:1400px;
}

.testimonies{
    margin-top:3rem;
    text-align: center;
}