@charset "utf-8";


@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url(fonts/'CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff'),
        url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}



a {
		text-decoration: none;
		cursor: pointer;
		color: #514347;
	}

	a:visted{
		color: #514347;
	}
	a:hover{
		color: #514347;
	}
	
	a:active{
		color: #514347;

}
body {
}
*{ font-family: 'Century Gothic';
	padding: 0;
	margin: 0;
	
	
}



	
	



.container{
	max-width: 1224px;
	width: 90%;
	margin: auto;
	padding: 40px 0;
	
}
header{
	
	margin: auto; 
	width: 100%;
	height: 100%;
}
 
header .navhead center img table .navbar tr td{
	margin:auto;
	width:100%;
	height:100%;
	dislay:flex;
	cursor: pointer;
}

.navhead{
	margin-top: 65px;
}

.dancevid {

	margin-left:
    margin-left: -6px;
    padding-bottom: 76px;
    padding-right: 20px;
}


.desc{
	margin-bottom: 2rem 
}

.photo-gallery{
	display: flex;
	gap: 20px;
	font-size: 3;
}

.column{
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 3;
}

.photo img{
	width: 100%;
		height: 100%;
	border-radius: 8px;
	object-fit: cover;
	font-size: 3;
		
}
.navbar {
	height: 100%;
 margin-right:-566;
	
}
.videome {
    margin-left: -512px;
    padding-right: 22px;
}
 
.photo-gallery {
}

	
	

.td1 {
}





ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.allview1 {
    display: block;
    margin-top: 0px;
    position: relative;
    text-decoration: none;
	cursor: pointer;
}
.listview1 {
    display: none;
    position: absolute;
    text-decoration: none;
	cursor: pointer;
}
.allview2 {
    display: block;
	margin-top: 0px;
	 position: relative;
    text-decoration: none;
	cursor: pointer;
}
.listview2 {
    display: none;
    position: absolute;
    text-decoration: none;
	cursor: pointer;
	
}.allview3 {
    display: block;
	margin-top: 0px;
    position: relative;
    text-decoration: none;
	cursor: pointer;
}
.listview3 {
    display: none;
    position: absolute;
    text-decoration: none;
	cursor: pointer;
}
.allview4 {
    display: block;
    text-decoration: none;
	cursor: pointer;
}
.listview4 {
    display: none;
    position: absolute;
    text-decoration: none;
	cursor: pointer;
}
.allview5 {
    display: block;
    text-decoration: none;
	cursor: pointer;
}
.listview5 {
    display: none;
    position: absolute;
    text-decoration: none;
	cursor: pointer;
}
 




/*tablet view*/

@media (min-width: 401px) and (max-width: 768px){
	
	head{
		width: 529.33px;
		height: 50px; 
		margin-left: 60px;
		margin-top: -666px;
		margin-bottom: -75px;
	}
	
	.navhead head img {
		width: 529.33px;
		height: 50px; 
		margin-left: 60px;
		margin-top: -666px;
		margin-bottom: -75px;
	}
	
	}
	.navbar{
		margin-left: 0px;
		margin-top:200px,
	}
			
@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url(fonts/'CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff'),
        url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

	
	
	


@media(max-width:400px){
	.photo-gallery{
		flex-direction: column;
	}
	
	
	.navhead img{
		width: 397px;
		height: 37.5px; 
		margin-left: 30px;
		margin-top: -666px;
	}
	
	.nav-buttons tr td img{
		margin-left:-2000px;
		
		}
.photo-gallery {
}

	
	}

.td1 {
}


p{
	font-size: 1;
}

.allbuttons .graphb p{
	font-size=1;
}



.expand {
    display: block;
}
.nav-buttons {
}
.aboutme {
    margin-right: 112px;
}
.vidme {
    padding-right: 28px;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url(fonts/'CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff'),
        url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	
	
}


	

}
.talkhere {
    left: -161px;
}
