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

*{
    margin: 0;
	padding:0;
	box-sizing: border-box;
	background:#000;
	font-family:Didot, "Didot Bold", Helvetica, "Helvetica Bold Oblique", "Helvetica Light", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Thin", "Helvetica Neue UltraLight", Impact	
  }

.model-name{
	padding:10px;
	box-sizing: border-box;
	background:#000;
}

.model-stats{
	display: flex;
	box-sizing: border-box;
	background:#000;
	padding: 20px 8%;
	justify-content: space-between;
}


#topline{
	position: sticky;	
	margin-top: 100px;
	margin-left: 45px;
	height: 0.5px;
    width: 94.5%;
    background-color: white;
    color: #000000;
}
nav{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	padding: 20px 8%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}

nav .logo{
	height:100%;
	width: 330px;
		
}

nav ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;	
}

nav ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 17px;
}

body{
	margin-left: 20px;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 100px;
    background: #000000;
}

#BodyPP{
    /* [disabled]width: 0%; */
    margin-right: 200px;
    margin-left: 209px;
}	
		
.nav_names{
color:white;
font-size-adjust: static;
float:left;

}  	
		
    #digitals {
    height: 600px;
    width: 100%;
    overflow-y: auto;
	text-align: center;			
    background-color: black;
	}
		
		
    #video {
    height: 600px;
    width: 100%;
	overflow-x: auto;
    overflow-y: auto;
	text-align: center;			
    background-color: black;
}
    
		
	#bttmnav {
    height: 0.5px;
    width: 100%;
    background-color: white;
    color: #000000;
    font-family: Impact, "Helvetica Neue Thin";
		}


    #social {
		}
	
		
    .portfolio {
    margin: auto;
    float: left;
    height: 400px;
    width: 1600px;
    overflow: scroll;
    position: fixed;
    visibility: hidden;
    z-index: auto;
		
}

.media-scroller{
	spacer:1rem;
    display:grid;
	grid-auto-flow: column;
	grid-auto-columns: flex;
	vertical-align:inherit;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	
	padding: 20px
}

.media-element{
	display: flex;
	grid-template-rows: min-content; 
	gap: var(--size-1);
	padding:var(--size-2);
	background:var(--surface-1);
	bordea-radius: var(--radius-1);
	z-index: -2;
	
}
	
.media-element> img{
	inline-size:100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}	

 #placements {
    height: static; 
    width: 100%;
	text-align: center;			
    background-color: white;	
}
    
.placement p{
   font-family: 'acumin-pro-extra-condensed', sans-serif;
    color: #fff;
    position:relative;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.8;
	letter-spacing: .125em;}




/*Tablet View*/

@media (max-width:1050px){

	.model-name{
	padding:80px;
	box-sizing: border-box;
	background:#000;
}
	
	
nav{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	padding: 20px 8%;
	display: flex;
	align-items: left;
	justify-content: space-between;
	
}

nav .logo{
	height:100%;
	width: 330px;
		
}

nav ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;	
}

nav ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 17px;
}
}


/*Tablet View*/

@media (max-width:1050px){

	.model-name{
	padding:80px;
	box-sizing: border-box;
	background:#000;
}
	
	
nav{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	padding: 20px 8%;
	display: flex;
	align-items: left;
	justify-content: space-between;
	
}

nav .logo{
	height:100%;
	width: 330px;
		
}

nav ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;	
}

nav ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 17px;
}
}



/*Mobile View*/

@media (max-width:550px){

	.model-name{
	padding:50px;
	box-sizing: border-box;
	background:#000;
}
	

nav{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	padding: 10px 4%;
	display: flex;
	align-items: right;
	justify-content: space-between;
	
}

nav .logo{
	height:100%;
	width: 330px;
		
}

nav ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;	
}

nav ul li a{
	text-decoration: none;
	color:#fff;
	font-size: 17px;
			
}
	}