:root {
    --m-gray: #2D2115;
    --m-yel: #DAA42C;
    --m-yel-rgb: 218, 164, 44;
    --m-yel-2: #CE9E45;
    --m-yel-3: #EAAA33;
    --m-blu-1: #12336D;
    --m-blu-2: #142c56;
    --m-blu-3: #032664;
    --m-feat: rgba(255, 221, 168, .09);
    
    
    
    --bs-body-bg: var(--m-gray);
    --bs-primary: var(--m-yel);
    --bs-primary-rgb: var(--m-yel-rgb);
    --bs-body-color: white;
}
.btn-primary {
    --bs-btn-bg: var(--m-yel);
    --bs-btn-border-color: var(--m-yel-2);
    --bs-btn-hover-bg: var(--m-yel-2);
    --bs-btn-hover-border-color: var(--m-yel-3);
    --bs-btn-active-bg: var(--m-yel-3);
    --bs-btn-active-border-color: var(--m-yel-3);
}

.btn-secondary {
    --bs-btn-bg: var(--m-blu-1);
    --bs-btn-border-color: var(--m-blu-2);
    --bs-btn-hover-bg: var(--m-blu-2);
    --bs-btn-hover-border-color: var(--m-blu-3);
    --bs-btn-active-bg: var(--m-blu-3);
    --bs-btn-active-border-color: var(--m-blu-3);
}

.f-miller {
    font-family: 'Miller Banner',serif;
}

.f-alte {
    font-family: 'Alte Haas Grotesk',sans-serif;
    letter-spacing: 2.5px;
}

html>body, html>body>form:first-child,html>body>iframe+form {
    position: relative;
    background-image:none;
	
}
html>body:before {
    content:'';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:url('/medconf23/_bg.jpg');
    background-position: 29% 22%;
    background-size: 120% auto;
}
@media screen and (max-width: 767.99px) {
    html>body:before {
        background-size: auto 100%;
    }
}


.intro-text {
    font-family: 'Arial',sans-serif;
    letter-spacing: 2.72px;
}

.featuring {
    background-color: var(--m-feat);
}

.featuring .bourla {
    position: relative;
    height:100%;
}

.featuring .bourla img {
    position: absolute;
    bottom:0;
    left:0;
    min-height:200px;
    max-height: 150%;
}
@media screen and (max-width: 767.99px) {
    .featuring {
        margin-top: 220px;
    }
}

.the-big-cta {
    text-align: center;
    display: inline-flex;
    margin-top: -1rem;
}
@media screen and (max-width:767.99px){
	.the-big-cta {
		width:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center!important;
	}
}

.the-big-cta .btn {
    --bs-btn-padding-x: 5vmin;
    --bs-btn-font-size: min(5vmin,40px);
}

.also.featuring {
    --headshot-height: min(20vmin,140px);
    margin-top: calc(var(--headshot-height) * 0.35);
}

.the-featured {
    position: relative;
    display:flex;
    justify-content:flex-end;
    min-height:100%;
}

.the-featured .headshot {
    position: absolute;
    bottom:0;
    left: 0;
    height: var(--headshot-height);
}
.the-featured .headshot.alt {
	left: initial;
	right: 0;
}

.the-featured .info {
    padding-left: calc(var(--headshot-height) * 0.75);
    position: relative;
    font-family:'Alte Haas Grotesk',sans-serif;
    letter-spacing: 2.5px;
    padding-top: 1rem;
}
.the-featured .info.alt {padding-right: 40px;}
.the-featured .info.alt2 {padding-left: calc(var(--headshot-height) * 0.9);}
.the-featured .info.alt3 {padding-right: 40px;}
.the-featured .info.alt6 {padding-right: calc(var(--headshot-height) * 1.1);padding-left:0px;}
.the-featured .info.alt4 {padding-left: calc(var(--headshot-height) * 1.1);}
.the-featured .info.alt5 {padding-left: 30px;}

.the-featured .info h5 {
    color: var(--m-yel);
    font-weight: 700;
    line-height:1;
    font-size:11px;
}
.the-featured .info p {
    font-size: 7px;
    letter-spacing: 1px;
}

@media screen and (max-width:767.99px) {
    .also.featuring {
        background-color: transparent;
        --headshot-height: min(40vmin,200px);
    }
    
    .also.featuring .row>div {
        margin-top: calc(var(--headshot-height) * 0.65);
    }
    
    .the-featured {
        background-color: var(--m-feat);
        justify-content: flex-start;
        
    }
    
    .the-featured .headshot {
        width: var(--headshot-height);
        height: auto;
    }
}



.watch {
    background-color: var(--m-yel-3);
    font-family: 'Arial',sans-serif;
    letter-spacing: 0.18px;
}