/*
.col- 	.col-sm- 	.col-md- 	.col-lg- 	.col-xl-
<576px 	>=576px 	>=768px 	>=992px 	>=1200px
*/


/*
FOR SHORTER BROWSERS 
*/
@media (max-height: 799px) {
    #nav-logo { margin:0 auto 30px 28px; }    
	#bandp-logo { width:50px; height:250px; }
	
	a.nav-link { padding:6px 10px;
	font-size:0.813rem; 
    line-height:18px;     
    }
}

@media (max-height: 680px) {

    #nav-logo { margin:0 auto 20px 32px; }    
	#bandp-logo { width:40px; height:200px; }

    ul.nav { top:90px; }
	a.nav-link { padding:4px 10px;
	font-size:0.813rem; 
    font-weight:500;
    line-height:16px;     
    }
}

@media (max-height: 560px) {
	#bandp-logo { 
		margin-left:-10px; 
		width:60px; 
		height:60px; 
		content:url("../images/logo-nav-icon.png"); 
	}
}

/*
SHORT BROWSER = MOBILE MENU BAR
*/
@media (max-height: 399px) {
		
    #nav-col { position:fixed;
        display:block;
        top:0; 
        left:0;
        right:0;
        margin:0; 
        padding:0;
        float:none;
        height:60px;
        z-index:10000;
        width:100vw !important;
		max-width:100vw !important;
    }
    
    #nav-controls { position:relative; 
        padding: 10px 20px !important;
        width:100vw !important;
        height: 60px !important; 
        background:#06273a;
    }
    
    #btn-menu { 
	    display:inline-block;
        visibility: visible !important;
        position: relative;
        margin:0 0 0 0; 
        padding:4px 10px; 
        min-width:70px;
        color:#fff; 
        font-size:16px; 
        font-weight:700; 
        border:1px solid #fff; 
        background:#06273a; 
        cursor:pointer; 
        transition:1s;
    }
    
    #nav-logo-mobile { display:block; float:right; margin:3px 0 0 0; width:150px; height:30px; text-align:right; transition:1s; }
    #bandp-logo-mobile { width:150px; height:30px; transition:1s; }
    
    .lang-search { display:inline-block; margin:0; padding:0; width:100px; }
    .desktop-search { display:none !important; }
    .btn-lang { 
        padding:0 !important; 
        font-size:0.875rem !important; 
        font-weight:500 !important; 
    }
    /*.btn-lang::after { content: "ANÇAIS"; }*/

    #nav-logo { display:none; }

    #jfn-main-menu { position:relative;
        top:0;
        left:0;
        margin:0;
		margin-left:-100vw; 
        padding:0;
        height: 100vh;
        width: 100vw;
        z-index: 1;
        background-color:#06273a;
        transition: 1s;
    }

    .nav-hover {
        position: fixed;
        top: 80px !important;
        padding-right: 0;
        width: 100%;
    }
        
    .nav-tab {
        visibility:hidden;
        opacity: 0;
        display: none;
    }
    
    ul.nav { 
		display: block;
		position:relative; 
		top:0;
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
		column-count: 3;
		column-width: 200px;
	}   

    .nav { margin:0 auto; padding:0 0 0 0; width:90%; }
    .nav li { text-align:center; }
    .nav-item, 
    .nav-item-mobile { opacity: 1; transition: .5s; }
    
    .nav-item-mobile { display:block; }
    
    a.nav-link { 
		padding:5px 0;
        font-size:1rem; 
        font-weight:700; 
        line-height:1.125rem;      
    }
    
    #global-search-mobile { 
		position:relative; 
		padding:10px 0;
		/*bottom:40px; 
		width:90% !important;*/ 
	}
    .bandp-search { 
		width: 100%;
		max-width: 300px;
		padding:5px 5px;
        font-size:1.125rem; 
    }
	
	#content-col {
		width:100% !important;
	}
    
}



.mobile-line-break { display: none; }

/*
RESPONSIVE WIDTHS
*/
@media screen and (max-width: 1599px) {

}

@media screen and (max-width: 1399px) {	
	/*#nav-logo { margin:0 auto 30px 38px; }    
	#bandp-logo { width:50px; height:250px; }
	a.nav-link { padding:6px 10px; }*/
	
	#home-about, 
	#home-people, 
	#home-testimonials, 
	#home-expertise, 
	#home-diversity,
	#home-news,
    #home-events { margin:100px 80px; }
	
    #home-about .column-ip { padding:60px 50px 40px 60px; }
	
	#home-about .column-ip h2 {
	  margin: 0 0 30px 0;
	  font-size: 2rem;
	}
	
	#home-about-play-cta p { 
    /*margin:0 10% 0 30%;*/
    font-size:1.625rem;
    line-height:165%;
	}
    
    #home-testimonials { padding:80px 45px !important; }
    
    #home-subscribe .home-subscribe-col01 { padding:0 2% 0 0; width:40%; }
    #home-subscribe .home-subscribe-col02 { padding:0 0 0 5%; width:60%; }
    #home-subscribe input[type="email"] { 
		margin-right: 50px; 
		padding:20px 20px; 
		width:40%; 
		font-size:1rem; 
	}
    
    footer { padding:105px 80px 0 80px !important; }
    footer .footer-branding { display:block; }
    footer .footer-logo { display:block; margin-bottom:20px; padding-right:0; }
    footer .footer-cities { padding-top:8px; float:left; align-items:center; }
    footer .footer-cities .menu-bar { width:30px; }
    footer .footer-socials { float:right; }
    footer .btn-linkedin { padding:0 !important; }
    footer .footer-menu { justify-content:flex-start; }
	
	footer .footer-menu-spacer { width: 100%; display:block; }
    footer .footer-menu-item { padding:0 20px 20px 0; }
}

@media screen and (max-width: 1299px) {
    #home-about .column-ip { padding:50px 40px 30px 50px; }
}

@media screen and (max-width: 1199px) {
    #home-about .column-ip { padding:40px 30px 20px 40px; }
    /*#home-about .column-play-cta { background-position:center center; }*/
    /*#home-about-play-cta,*/ 
	
	#home-about .column-ip h2 {
	  margin: 0 0 26px 0;
	  font-size: 1.75rem;
	}
	
	#home-about .column-play-cta { 
		padding: 0 0 15% 40px;
		background:#06273a url("../images/home-about-bg.jpg") 40px 40px no-repeat;
		background-size: 210px 310px;
		align-items:flex-end;
	}
    #home-about-play-cta p { margin:0 auto; width:80%; }
    
    #home-testimonials .quote { padding:140px 100px 0 100px; font-size:2rem; font-weight:400; }
	#home-testimonials .quote p { font-size:2rem; font-weight:400; }
    #home-testimonials .source { margin:30px auto; font-size:1rem; font-weight:700; }
	
    #home-diversity .home-diversity-col01 { width:calc(45% - 7px); }
	#home-diversity .home-diversity-col02 { width:calc(55% - 7px); padding:30px 20px 20px 30px; }
    #home-diversity .home-diversity-col02 h2 { margin: 0 0 1.875rem 0; font-size: 1.75rem; font-weight: 700; line-height: 2.75rem; }
    #home-diversity .home-diversity-col02 .btn-clear { margin:0 auto 20px auto; }

    #home-subscribe { padding:55px 5% 20px 5%; }
    #home-subscribe .home-subscribe-col01 { padding:0; width:100%; justify-content: center !important; border:none; }
    #home-subscribe .home-subscribe-col02 { padding:0; width:100%; justify-content: center !important; text-align: center; }
    #home-subscribe h2, #home-subscribe p { margin:0 0 2.5rem 0; text-align:center; }
    #home-subscribe input[type=email] { width:60%; }
    
    footer { padding:105px 60px 0 60px !important; }
    footer .footer-copyright:nth-child(2) { padding-right:20px; }	
	
    footer .footer-fine-print {  display:block; }
    footer .footer-copyright {  display:block; }
    footer .footer-copyright:first-child { padding-bottom:20px; width:100%; }
}



@media screen and (max-width: 992px) {		  
	/*#nav-logo { margin:0 auto 20px 38px; }    
	#bandp-logo { width:50px; height:250px; }
	a.nav-link { padding:4px 10px; }*/
	
	#jfn-main-menu {
		width:160px;
	}
	.nav {
		padding:0 6px 0 0;
		width:160px;
	}
	
	#home-about, 
	#home-people, 
	#home-testimonials, 
	#home-expertise, 
	#home-diversity,
	#home-news,
    #home-events { margin:100px 60px; }
	
    #home-about .column-ip { 
		margin-right:0; 
		margin-bottom:10px; 
		width:100%; 
		padding:80px 100px 70px 100px; 
	}	
    #home-about .column-play-cta { 
		margin-top:10px; 
		margin-left:0; 
		width:100%; 
		align-items: center; 
	}
	#home-about-play-cta p { 
		margin:160px auto 60px auto; 
		width:60%; 
	}
	

	
    
    #home-testimonials { padding:50px; }
    #home-testimonials .quote { padding:140px 50px 0 50px; font-size:1.875rem; }
	#home-testimonials .quote p { font-size:1.875rem; }
    #home-testimonials .source { font-size:1rem; }
	
	#home-diversity .home-diversity-col01 { 
        position:relative; /* If you want content inside of it */
        margin-right:0; 
        margin-bottom:0; 
        width:100%;     
        padding-top: 75%;
        aspect-ratio: 4 / 3;
    }
    #home-diversity .home-diversity-col01  img { 
        display:block; 
        position:absolute;
        width: 100%;
        height: 100%;
        object-fit:cover;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; 
    }
    
	#home-diversity .home-diversity-col02 { margin-left:0; margin-top:50px; width:100%; padding:7% 7% 6% 8%; }
    #home-diversity .home-diversity-col02 h2 { margin: 0 0 2.5rem 0; font-size: 2.063rem; }
    #home-diversity .home-diversity-col02 .btn-clear { margin:30px auto 0 auto; }
    
    #home-subscribe input[type=email] { display:block; margin:20px auto 0 auto; width:90%; }
    .subscribe-only { display:block; }
	
	#people-filters .input-group {
        justify-content: center;
    }
    
    footer { padding:90px 40px 0 40px !important; }
    footer .footer-row { padding:0 0 45px 54px; }
	
    footer .footer-cities { float:none; }
    footer .footer-socials { padding:60px 0 0 0; float:none; }
	footer .footer-socials .btn { padding:0; } 
		
	footer .footer-menu-item:first-child { display:block; }
}



@media screen and (max-width: 768px) {
	
    #nav-col { position:fixed;
        display:block;
        top:0; 
        left:0;
        right:0;
        margin:0; 
        padding:0;
        float:none;
        height:60px;
        z-index:10000;
        width:100vw !important;
		max-width:100vw !important;
    }
    
    #nav-controls { position:relative; 
        padding: 10px 20px !important;
        width:100vw !important;
        height: 60px !important; 
        background:#06273a;
    }
    
    #btn-menu { 
	    display:inline-block;
        visibility: visible !important;
        position: relative;
        margin:0 0 0 0; 
        padding:4px 10px; 
        min-width:70px;
        color:#fff; 
        font-size:1rem; 
        font-weight:700; 
        border:1px solid #fff; 
        background:#06273a; 
        cursor:pointer; 
        transition:1s;
    }
    
    #nav-logo-mobile { display:block; float:right; margin:3px 0 0 0; width:150px; height:30px; text-align:right; transition:1s; }
    #bandp-logo-mobile { width:150px; height:30px; transition:1s; }
    
    .lang-search { display:inline-block; margin:0; padding:0; width:50px; }
    .desktop-search { display:none !important; }
    .btn-lang { 
        padding:0 !important; 
        font-size:0.875rem !important; 
        font-weight:500 !important; 
    }
    /*.btn-lang::after { content: "ANÇAIS"; }*/

    #nav-logo { display:none; }

    #jfn-main-menu { position:relative;
        top:0;
        left:0;
        margin:0;
		margin-left:-100vw; 
        padding:0;
        height: 100vh;
        width: 100vw;
        z-index: 1;
        background-color:#06273a;
        transition: 0s;
		visibility: hidden;
    }
	
	.nav-hover {
		position: fixed;
        top: 80px !important;
		padding:0;
		width: 100%;
	}
	
    .nav-tab {
        visibility:hidden;
        opacity: 0;
        display: none;
    }
    
    ul.nav { position:relative; top:0; }   

    .nav { margin:0 auto; padding:0 0 0 0; width:90%; }
    .nav li { text-align:center; }
    .nav-item, 
    .nav-item-mobile { opacity: 1; transition: .5s; }
    
    .nav-item-mobile { display:block; }
    
    a.nav-link { 
		padding:10px 16px;
        font-size:1.125rem; 
        font-weight:700; 
        line-height:1.5rem;     
    }
    
	.filter-col .btn-white,    
	#home-news .btn-white,
    .btn-clear {
        margin: 10px auto 20px auto;
        min-width: 320px;
    }
	
    #global-search-mobile { 
		position:fixed;
		bottom:40px; 
		width:100% !important; 
	}
    .bandp-search { 
		padding:5px 5px;
        font-size:1.125rem; 
    }
    
	#content-col { width:calc(100%) !important; }
			
	#home-about,  
	#home-testimonials, 
	#home-diversity { margin:40px 40px; }	
	#home-people,
	#home-expertise,
	#home-news,
    #home-events { margin:70px 40px; }
	#home-subscribe { margin:40px 0 0 0; }
	
    #home-about .column-ip { margin-bottom:10px; padding:7% 7% 6% 8%; }
	#home-about .column-play-cta { 
        margin-top:10px; 
		padding: 0;
		background-image: none !important; 
	}
	#home-about-play-cta p { 
		margin:60px auto 60px auto; 
		width:80%; 
	}
	/*#home-about-play-cta { background:url("../images/home-about-play-btn.png") top left no-repeat; }*/
    /*#home-about-play-cta:hover { background: url("../images/home-about-play-btn-hover.png") top left no-repeat; }*/
    
    #home-testimonials { padding:20px; }
    #home-testimonials .quote { padding:140px 0 0 0; font-size:1.25rem; }
	#home-testimonials .quote p { font-size:1.25rem; }
    #home-testimonials .source { font-size:1rem; }

	#home-diversity .home-diversity-col01 { margin-bottom:20px; }
	#home-diversity .home-diversity-col02 { margin-top:20px; padding:7% 7% 6% 8%; }
    #home-diversity .home-diversity-col02 .btn-clear { margin:30px auto; }
	
	#home-subscribe { padding:40px 5% 10px 5%; }
	#home-subscribe h2 { margin:0 0 1.25rem 0 !important; }    
	#home-subscribe input[type=email] { padding:10px 15px; font-size:1.125rem; width:100%; border-radius:20px !important; }
    #home-subscribe .home-subscribe-col02 p { font-size:0.688rem; }
	
	#home-accolades { padding:60px 50px 40px 50px; }
	
	#content-padding {
        padding:130px 10% 0 10%;
    }

    .header-title {
        margin:0 0 7px 0;
        width:100% !important;
        min-height:200px !important;
    }
    /*.header-title h1 { margin:75px 0 0 0; }*/
    .header-image {
        margin:7px 0 0 0;
        width:100% !important;
        min-height:200px !important;
    }
	
	.card img { -webkit-filter: grayscale(0) !important; filter: none !important; }	

    #filters-modal .modal-content {
        margin: 62px 0 auto 0 !important;
        max-width:820px;
        border-radius:0;
    }
	
	
	footer { padding: 60px 40px 40px 40px !important; }
	footer .footer-row { padding-bottom:40px; }
	footer .footer-logo { display:block; margin-bottom:20px; padding-right:0; }
    footer .footer-cities { display:block; width:100%;  }
	footer .footer-cities div { display:block; padding:4px 0; text-align:left; }
	footer .footer-cities .menu-bar { display:none; }
	
	footer .footer-socials { padding:40px 0 0 0; }
	footer .footer-socials .btn { padding:0; } 
	footer .footer-menu { display:block; }
	footer .footer-menu-item { display:block; padding:4px 0; text-align:left; }
    
	footer .footer-copyright { padding:4px 0; }    
    footer .footer-copyright a { font-size: 1rem; }
	    
    .desktop-only { display:none; }
    .mobile-only { display:block; }
}

@media (max-width: 575px) {
    .desktop-video { display:none; }
    .mobile-video { display:block; }
}

@media (max-width: 420px) {
    .lang-search { width:40px; }
    .btn-lang { width:40px; }
    /*.btn-lang::after { content: ""; }*/
		
    .mobile-line-break { display: block; }
    
    .btn-clear,
	.btn-white {
        margin: 10px auto 20px auto;
		min-width: 100% !important;
        width: 100% !important;
    }
	
    .column-ip .btn-clear,
    #newsletter-signup .btn-clear {
        margin: 30px auto;
    }
    
	#home-about, 
	#home-testimonials, 
	#home-diversity { margin:20px 20px; }
	#home-people,
	#home-expertise,
	#home-news,
    #home-events { margin:70px 20px; }
	#home-subscribe { margin:20px 0 0 0; }
	
	#home-about .column-ip { margin-bottom:10px; }
	#home-about .column-play-cta { margin-top:10px; /*background-position:45px center; background-size:75% 75%;*/ }
	#home-about-play-cta p { 
		margin:50px auto 50px auto; 
		width:80%; 
		font-size: 1.4rem;
	}
	
	#home-diversity .home-diversity-col01 { margin-bottom:10px; }
	#home-diversity .home-diversity-col02 { margin-top:10px; }
	
	#home-subscribe { padding:40px 50px 10px 50px; }
	
	#home-accolades { padding: 60px 20px 40px 20px; }
	
	footer { padding: 60px 30px 40px 30px !important; }
}