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



/* * {border:1px solid black} */


html {
	width: 100%;
	margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}


body
	{
		margin: 0;
		width: 100%;
		height: auto;
		padding: 0px;
    	overflow-x: hidden;
		background: #161616;
	    font-family: 'Roboto', sans-serif;
		font-size: 11pt;
		font-weight: 300;
		line-height: 1.75em;
		background-color:#FFF;
	}



.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



section {
	margin: 0 auto;
	display: block;
	height: auto;
	text-align: center;
	vertical-align: middle;
}


header {
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 18em;
	position: relative;
	text-align: center;
	background-color:#FFF;
	margin-bottom: 1em;
	
}

nav {
	width: 100%;
	padding: .1em;
	height: 2.3em;
	background-color:rgba(103,102,98,0.70);
	/*background-color:rgba(33,33,33,.6);*/
	position:fixed;
	z-index: 1;
	display: block;
	
}


a {
	text-decoration: none;
}

a.home {
	color: #FFF;
	padding: 0em 3em;
}

a.home:hover {
	color: #747474;
}

a.author {
color: rgba(158,1,4,1.00);
}


h1 {
	 font-family: "Montserrat", sans-serif;
	font-size: 4em;
	font-weight: 210;
	color: rgba(158,1,4,1.00);
	margin-top: .7em;
	line-height: 1em;
	letter-spacing: .04em;
}



h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 1.35em;
	font-weight: 230;
	color: rgba(113,111,101,1.00);
	margin-top: -1.7em;
	letter-spacing: .4em;
}


h3 {
	font-family: "Montserrat", sans-serif;
	font-size: .9em;
	font-weight: 400;
	color: #FFF;
	opacity: 1;
	margin-top: 8px;

}


h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 2.8em;
	font-weight: 330;
	line-height: 1em;
	letter-spacing: .07em;
	width: 100%;
	height: 100%;
	color: #FFF;
	position:absolute;
	margin: 0 auto;
	padding: 0;
	padding-top: 3.6em;
	box-sizing: border-box;

}


h4:hover {
	
	color: rgba(255,255,255,1);
	vertical-align: middle;
}



h5 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 3em;
	font-weight: 100;
	width: 100%;
	height: 52%;
	color: #FFF;
	position: relative;
	margin: 0 auto;
	padding-top:30%;
}


h5:hover {
	
	color: rgba(255,255,255,1)
}


h6 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 3em;
	font-weight: 100;
	color: #666;
	opacity: 1;
	margin-top: 0em;
	letter-spacing: .1em;

}







.subhead {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.2em;
	font-weight: 100;
	color: #666;
	opacity: 1;
	margin-top: -4.5em;
	letter-spacing: .5em;}




.title {
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: auto;
	padding-top: 1em;
}


.contact {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 20px;
	
}



.lookcloser {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 0;
	margin-bottom: 4em;
}




.button {
	width: 9em;
	height:1.8em;
	background-color: white;
	border: 0px solid gray;
	border-radius: .2em;
	margin: 0 auto;
	margin-left: 1em;
	margin-right: 1em;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	letter-spacing: .1em;
	color: gray;
	text-align: center;
	
}

.button:hover {
	border: solid 1px;
	border-color:rgba(158,1,4,1.00);
	border-radius: .2em;
	
}

/*
.button:hover {
	background-color:rgba(170,170,170,1.00);
	color: white;
	border-color:rgba(170,170,170,1.00);
	border-radius: .2em;
	
}

*/

/* .button:hover {
	background-color:rgba(85,0,2,1.00);
	color: white;
	border-color:rgba(85,0,2,.8);
	
} */



.button2 {
	width: 8em;
	height:1.8em;
	background-color: white;
	border: 1px solid gray;
	border-radius: .7em;
	margin: 0 auto;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
	text-transform: uppercase;
	color: gray;
	
}

.button2:hover {
	background-color:rgba(85,0,2,1.00);
	color: white;
	border-color:rgba(85,0,2,.8);
	
}


.aboutme {
	width: 75%;
	max-width: 730px;
	min-width: 390px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.05em;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: .9em;
	letter-spacing: .03em;
	line-height: 1.5em;
	text-align: justify;
	padding-top: 2em;
	padding-bottom: 2em;
	color: gray;
}


.bold {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.1em;
	font-weight: 300;
	color: #666;
	opacity: 1;
	text-transform: uppercase;
	color: rgba(158,1,4,1.00);
}


.red {
	height: 4px;
	background-color: rgba(158,1,4,1.00);
	display: block;
}


.pad {
	padding: 0em 0em 1em 0em;
	margin-top: -1em;
	
	
}



.sectionouter {
	margin: 0 auto;
	width: 100%;
	height: 24em;
	margin: -0px 0px;
	background-color: black;
	display: inline-block;
	position: relative;
	border-radius: 0em;
	vertical-align: middle;
	box-sizing: border-box;
	

}


.sectioninner {
	height: 100%;
	vertical-align: middle;
	

}


.marketing {
	background-image:url("../images/marketing_new1.jpg");
	background-size:cover;
	opacity: 1;
	vertical-align: middle;

	
}
/*

.marketing:hover {
	background-image:url("../images/marketing_new2.jpg");
	background-size: cover;
	opacity: 1;
	vertical-align: middle;
	
}
*/

.corporate {
	background-image:url("../images/corporate_new1.jpg");
	background-size:cover;
	opacity: 1;
	vertical-align: middle;

	
}

/*
.corporate:hover {
	background-image:url("../images/corporate_new2.jpg");
	background-size: cover;
	opacity: 1;
	vertical-align: middle;
	
}

*/

.ads {
	background-image:url("../images/ads_new1.jpg");
	background-size:cover;
	opacity: 1;
	vertical-align: middle;

	
}


/*
.ads:hover {
	background-image:url("../images/ads_new2.jpg");
	background-size: cover;
	opacity: 1;
	vertical-align: middle;
	
}

*/


/*
.square {
	margin: 0 auto;
	width: 24em;
	height: 24em;
	margin: 10px 20px;
	background-color: black;
	display: inline-block;
	position: relative;
	border-radius: .5em;
	

}


.rectangle {
	margin: 0 auto;
	width: 37.5em;
	height: 24em;
	margin: 10px 20px 30px 20px;
	background-color: black;
	display: inline-block;
	position: relative;
	border-radius: 1em;
	

}





.marketing {
	background-image:url("../images/marketing1.jpg");
	background-size: cover;
	opacity: 1;
	
}


.marketing:hover {
	background-image:url("../images/marketing2.jpg");
	background-size: cover;
	opacity: 1;
	
}
*/


.branding {
	background-image:url("../images/branding_new1.jpg");
	background-size: cover;
	opacity: 1;
	
}

/*
.branding:hover {
	background-image:url("../images/branding_new2.jpg");
	background-size: cover;
	opacity: 1;
	
}
*/


.production {
	background-image:url("../images/production_1.jpg");
	background-size: cover;
	opacity: 1;
	
}


/*

.production:hover {
	background-image:url("../images/production_2.jpg");
	background-size: cover;
	opacity: 1;
	
}

*/

.digital {
	background-image:url("../images/digital_new1.jpg");
	background-size: cover;
	opacity: 1;
	
}


/*

.digital:hover {
	background-image:url("../images/digital_new2.jpg");
	background-size: cover;
	opacity: 1;
	
}
*/


.events {
	background-image:url("../images/events_new1.jpg");
	background-size: cover;
	opacity: 1;
	
}


/*
.events:hover {
	background-image:url("../images/events_new2.jpg");
	background-size: cover;
	opacity: 1;
	
}

*/




.appear {
	
	color: rgba(0,0,0,0);
	background-color: rgba(17,193,41,0);
	vertical-align: middle;
}


.appear:hover {
	
	color: rgba(0,0,0,.6);
	vertical-align: middle;
}



.appear2 {
	
	color: rgba(255,255,255,1);
	vertical-align: middle;
}


.appear2:hover {
	
	color: rgba(255,217,69,1.00);
	vertical-align: middle;
}




.image {
	margin: 5em auto 2em auto;
	width: 90%;
	height: auto;
	display: block;
	
}


.image2 {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	
}


.imgresume {
	margin: auto 0;
	border: 1px solid #000;
	width: 50%;
	margin-bottom: 2em;
}



 .tiktok-video-container {
    /* Standard TikTok dimensions are 1080x1920 (9:16 aspect ratio) */
    width: 100%;
    max-width: 400px; /* Limits size on desktop screens */
    margin: 0 auto; /* Centers the video player */
  }

  .tiktok-video-container video {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16; /* Forces vertical format */
    object-fit: cover; /* Ensures video fills the frame cleanly without stretching */
    border-radius: 12px; /* Optional: gives modern rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }