/* Google Font - Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Music&family=Ultra&display=swap');


body {
    height: 100vh;
    background-image: url("images/NYC9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'Montserrat', san serif;
}

iframe {
    font-family: 'Montserrat', san serif;	
    border-radius: 20px;
	border: none;	
	overflow: hidden;
}
.bioIframe {
	overflow-x: hidden;
	overflow-y: hidden;
}

.grid-container{
	display:grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(14, 120px);
	gap: 2px;
	margin: 0 auto;
    background-image: linear-gradient(to bottom, #000a3f, #011080);
	width: 65%;
    opacity: 90%;		
/*	border: 2px solid red; */
}

.box-1 {
    background-image: url("images/bannerback.png");	
    background-size: cover;	
    background-repeat: no-repeat;	
    background-position: center center;	
	color: white;
    border: 2px solid #1f29d4;	
	border-radius: 20px;	
	width: 100%;	
    place-self: center;
    text-align: center;
/*	border: 2px solid cyan; */
	grid-column-start: 1;
	grid-column-end: 10;
}

.box-2 {
	color: white;
    border: 2px solid #1f29d4;	
	border-radius: 20px;
    text-align: center;
/*	border: 2px solid green; 
	background-color: green; */
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;	
	grid-row-end: 4;	
}

.box-3 {
	color: white;
    border: 2px solid #1f29d4;
	border-radius: 20px;	
/*	border: 2px solid orange;
	background-color: orange;  */
	grid-column-start: 3;
	grid-column-end: 8;
	grid-row-start: 2;	
	grid-row-end: 3;	
	overflow: hidden;	
}

.box-4 {
	color: white;
    border: 2px solid #1f29d4;	
	border-radius: 20px;	
/*	border: 2px solid purple;
	background-color: purple;  */
	grid-column-start: 8;
	grid-column-end: 10;
	grid-row-start: 2;	
	grid-row-end: 13;	
	min-width: 250px;	
}

.box-5 {
	color: white;
    border: 2px solid #1f29d4;	
	border-radius: 20px;	
/*    place-self: center; */	
    text-align: center;	
	min-width: 230px;
/*	border: 2px solid yellow;
	background-color: yellow;	  */
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;	
	grid-row-end: 6;	
}


.box-6 {
	color: white;
/*    border: 2px solid #1f29d4;	 */
    border: 2px solid #1f29d4;	
	border-radius: 20px;		
/*	border: 2px solid magenta;
	background-color: magenta;	*/
	grid-column-start: 3;
	grid-column-end: 8;
	grid-row-start: 3;	
	grid-row-end: 5;	
}

.box-7 {
	color: white;
    text-align: center;		
    border: 2px solid #1f29d4;	
	border-radius: 20px;	
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 6;	
	grid-row-end: 8;	
}

.box-7-grf{
		position: relative;;
		top: -17px;
		left: -18px;;
}	

.box-7-grf2{
		position: relative;;
		top: -24px;
		left: 9px;
}	
.box-8 {
	color: white;	
    border: 2px solid #1f29d4;
/*	border: 2px solid Violet;
	background-color: Violet; */
    text-align: center;			
	border-radius: 20px;	
	grid-column-start: 3;
	grid-column-end: 8;
	grid-row-start: 5;	
	grid-row-end: 13;	
}

.box-9 {
	color: white;
    border: 2px solid #1f29d4;
    text-align: center;			
	border-radius: 20px;		
	border-radius: 20px;	
	grid-column-start: 1;
	grid-column-end:3;
	grid-row-start: 8;	
	grid-row-end: 15;	
}

.box-10 {
	color: white;
    border: 2px solid #1f29d4;
	border-radius: 20px;		
	text-align: center;	
/*	border: 2px solid Violet;
	background-color: Violet;	 */
	grid-column-start: 3;
	grid-column-end: 10;
	grid-row-start: 13;	
	grid-row-end: 14;	
}

.box-11 {
	color: white;
	border: 2px solid #1f29d4;
	border-radius: 20px;
	text-align: center;
	grid-column-start: 3;
	grid-column-end: 10;
	grid-row-start: 14;	
	grid-row-end: 15;	
}