/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * area-normal:
 *   - http://typekit.com/eulas/0000000000000000775ac6ae
 *   - http://typekit.com/eulas/0000000000000000775ac6b4
 *   - http://typekit.com/eulas/0000000000000000775ac6af
 *   - http://typekit.com/eulas/0000000000000000775ac6ba
 *   - http://typekit.com/eulas/0000000000000000775ac6be
 *   - http://typekit.com/eulas/0000000000000000775ac6bd
 *   - http://typekit.com/eulas/0000000000000000775ac6bb
 * grante:
 *   - http://typekit.com/eulas/0000000000000000775c2ea4
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-08-30 19:12:48 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=jtr4stw&ht=tk&f=51696.51697.51699.51701.51705.60640.60643.61209&a=3826466&app=typekit&e=css");

@font-face {
font-family:"area900";
src:url("https://use.typekit.net/af/060e87/0000000000000000775ac6ae/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/060e87/0000000000000000775ac6ae/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/060e87/0000000000000000775ac6ae/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"area800";
src:url("https://use.typekit.net/af/58a628/0000000000000000775ac6ba/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/58a628/0000000000000000775ac6ba/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/58a628/0000000000000000775ac6ba/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"area700";
src:url("https://use.typekit.net/af/d507b5/0000000000000000775ac6b4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d507b5/0000000000000000775ac6b4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d507b5/0000000000000000775ac6b4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"area600";
src:url("https://use.typekit.net/af/85479d/0000000000000000775ac6be/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/85479d/0000000000000000775ac6be/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/85479d/0000000000000000775ac6be/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"area500";
src:url("https://use.typekit.net/af/12e45a/0000000000000000775ac6bd/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/12e45a/0000000000000000775ac6bd/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/12e45a/0000000000000000775ac6bd/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}


@font-face {
font-family:"area400";
src:url("https://use.typekit.net/af/29d8c9/0000000000000000775ac6af/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/29d8c9/0000000000000000775ac6af/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/29d8c9/0000000000000000775ac6af/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}


@font-face {
font-family:"area200";
src:url("https://use.typekit.net/af/25f33c/0000000000000000775ac6bb/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/25f33c/0000000000000000775ac6bb/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/25f33c/0000000000000000775ac6bb/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"grante";
src:url("https://use.typekit.net/af/18fe49/0000000000000000775c2ea4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/18fe49/0000000000000000775c2ea4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/18fe49/0000000000000000775c2ea4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}


@font-face {
font-family:"areawide700";
src:url("https://use.typekit.net/af/8d33d2/0000000000000000775ac6c8/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8d33d2/0000000000000000775ac6c8/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8d33d2/0000000000000000775ac6c8/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"areawide100";
src:url("https://use.typekit.net/af/5a52d6/0000000000000000775ac74f/31/l?subset_id=2&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/5a52d6/0000000000000000775ac74f/31/d?subset_id=2&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/5a52d6/0000000000000000775ac74f/31/a?subset_id=2&fvd=i1&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"areawide200";
src:url("https://use.typekit.net/af/49b52f/0000000000000000775ac748/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/49b52f/0000000000000000775ac748/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/49b52f/0000000000000000775ac748/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"eight";
src:url("https://use.typekit.net/af/dc12d1/0000000000000000774afb22/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/dc12d1/0000000000000000774afb22/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/dc12d1/0000000000000000774afb22/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-area-normal { font-family: "area-normal",sans-serif; }
.tk-grante { font-family: "grante",sans-serif; }




/* 	body{position: fixed;} */

	html, body {
		width:100%; 
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-animation: bugfix infinite 1s;
		background-color:#ffffff;
		z-index: -1}
	@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

	html, body, div, article, contact, video, section, p, span, a, input, textarea, label, table, td, tr, header, h1, h2, h3, ul, li {
		margin:0;
		padding:0;
		display:block;
		clear:both;
		border:none;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		text-decoration: none;
		font-family: area600, Helvetica, sans-serif;
		font-weight: 600;
		list-style: none;
		-moz-osx-font-smoothing: grayscale;
	/* 	-webkit-font-smoothing: antialiased; */
	    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	    text-shadow: rgba(0,0,0,.01) 0 0 1px;
	}




	a {cursor: pointer; color:rgb(234,0,0); display: inline;}
	a:hover {cursor: pointer;background: #ffc000;color: #fff; text-decoration: none;}

button{
    margin: 0;
    border: none;
    background: none;
    cursor: pointer !important;
    color:rgb(234,0,0);
}

button:hover{cursor: pointer; color:#ffc000;}

.buttons button{
    padding-left: 35px;
	font-family: 'outfit';
}

.menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 100px;
    z-index: 3000;

}


#menulist{    
	font-size: 50px;
    position: fixed;
    top: 0;
    left: 10%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: rgb(234,0,0);
	}
 
#menulist li a{color:white; display:block; padding: 10px 0 10px 15px; text-transform: uppercase;}

#menulist li a:hover {background-color:#ffc000;cursor: pointer;}

	*:focus, input:focus {outline-style:none;box-shadow:none;border-color:transparent;}

	::selection {
		background: rgb(234,0,0);
		color:#fff;
	}
	::-moz-selection {
		background: rgb(234,0,0);
		color:#fff;
	}




	.clear {clear:both; float: none;}

	.lefty{float: left}
	.righty{float: right}
	.relative{position:relative;}

	.w80{width:80%}

	.hidden{display:none;}

	.shown{display: block;}

	.closepx{position:absolute; top:0; left:0; opacity:0; width:0; height:0;}

	.pageLoader{
		position:fixed;
		width:100%;
		height:100%;
		background: rgb(234,0,0);
		color:#fff;
		z-index: 100000000000000000;
		overflow: hidden;
		top:0;
		background-image: url('img15/loading.gif');
		background-position: center center;
		background-repeat: no-repeat;}

	#content-wrapper {
		width:100%;
		height:100%;
		clear:both;
		position:relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 90%;
		}

	.screen {width: 100%; height:100%;}



	header h1{font-size: 19em;}


	.hiddenPX{
		position:absolute;
		top:0;
		left:0;
		opacity:0;}


	.swrap{display: block;width: 100%;height: 100%;z-index: 2; position: absolute;}
	.somewrap{display: block;width: 100%;z-index: 2;background-color: #fff;}


	.two .swrap{background-color: #fff}


	.two .swrap:after {
		content: "";
		position: absolute;
		bottom: -16px;
		left: 50%;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 18px solid rgb(234,0,0);
		margin-left: -30px;}

	.two .swrap:after{border-top:18px solid #fff !important;}



/* ***************** X ******************* */

	.x_bottom{width: 100%;text-align: center;margin-top:5%;}
	.x_bottom img {width:30%; max-width:100px; margin:50px auto;}

	.x_bottom img{
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;}

    .x_bottom a:hover img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
	transform:rotate(90deg)}

	.x_bottom a:hover{
/* 	background-color:#000;      */
	}






/* ******************* > < ***************** */

    .leftarr{
	    width: 50%;
	    display: inline-block;
	    text-align: left;
	    background-color: #000;
	    float: left;}

    .rightarr{
		width: 50%;
	    display: inline-block;
	    text-align: left;
	    background-color: #000;
	    float: left;
    }

	.backarr{
		background:url('img/left.svg') no-repeat;
		display:block;
		position: fixed;
		top:0; left: 0;
		z-index:15;
		width:90px; height:80px;
		padding-right:10px;
		background-color: rgba(130,130,130,0.1);}

	.backarr:hover{background-color: #000}


/* ABOUT SECTION */

/*
	.three {
	background-color: #24bdaf;
	background-repeat: no-repeat;}
*/


/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  HOME    ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */


.home {max-width:2000px}
.banner h1{    font-size: 60pt;
    text-align: left;
    padding: 0 0 0 10%;
    color: rgb(234,0,0);}

.banner p {text-transform: uppercase; color:rgb(234,0,0); text-align: left;padding:3% 0 0 12%; width: 50%;
    font-size: 18pt; font-family: 'area600'}
.banner p a{text-transform: capitalize; text-decoration:underline; font-family:outfit; }
.banner p a:hover{text-decoration: none; background-color:none;}

.hmcurrent{margin-top: 3%;}
.hmcurrent a {
    display: block;
/*    background-image: url(img/current.jpg);
    background-repeat: no-repeat;
    background-position: top left;
*/    width: 100%;
/*    height: 800px;*/
/*    background-size: contain; */
}

.hmcurrent a img{    width: 70%;
    display: inline-block;
    float: left;
max-width: 900px;}

.hmcurrent a h1
{   display: inline-block;
    margin: 15% 0 0 -15%;
    text-transform: uppercase;
    font-size: 55pt;
    width: 30%;
    text-align: left;
    max-width:370px;
}

 .hmcurrent a:hover{color:#ffc000; background-color: transparent;}


.hmseriesshop {display: block; width:100%}
.hmseriesshop img {width: 100%}
.hmseries{width: 40%;
    display: block;
    float: left;
    margin-top: 15%;}

 .hmseries img:hover{filter: saturate(1.5)}

 .hmshop{width: 40%;
    display: block;
    float: right;
    margin-top: -39%;}

 .hmshop img:hover {opacity: 40%; filter: grayscale(100%);}






.nav-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 2.5rem;
    cursor: pointer;
    padding: 50px 20px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.7;
    z-index: 1002;
    font-size: 300%;
}

.nav-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.prev-btn { 
    left: 30px;
}

.next-btn { 
    right: 30px;
}

/* Arrow icon adjustments */
.nav-btn i {
    position: relative;
    top: -1px; /* Optical alignment */
}

/* Disabled state for arrows when at start/end */
.nav-btn.disabled {
    opacity: 0.3;
    cursor: default;
    transform: translateY(-50%) scale(1);
    background: rgba(0, 0, 0, 0.3);
}

.nav-btn.disabled:hover {
    transform: translateY(-50%) scale(1);
    background: rgba(0, 0, 0, 0.3);
}

.pagetitle {    
    font-size: 70px;
    padding: 10% 20% 60px 20%;
    text-transform:uppercase;
color:rgb(234, 0, 0);}

.spee {    
    font-family: area600;
    margin: 0 20% 60px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 25pt;
    text-align: center;
    width: 60%;
    text-transform: uppercase;
    color:rgb(234, 0, 0);
}


.bgoverlay {    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1000;
    overflow: auto;}




    .gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            margin-left: auto;
            margin-right: auto;
        }
        .folder-thumb-container {
            width: 20%;
            height: 20%;
            object-fit: cover;
            cursor: pointer;
            transition: transform 0.3s;
            min-width:50px;
            margin-left: auto;
            margin-right: auto;
            background-color: #000;
        }
        .folder-thumb{width:100%; display: block}

        .folder-thumb:hover {
            opacity:0.6;
        }
        
        /* Lightbox styles */
        .lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            overflow: auto;
            background-color: #fff;
            color:#000;

        }
        .lightbox-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 40px;

        }
        .lightbox-img {
            max-width: 90%;
            max-height: 80vh;
            margin-bottom: 20px;
        }
        .close-btn {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #000;
            font-size: 40px;
            cursor: pointer;
        }
        .nav-btn {
            position: fixed;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 40px;
            cursor: pointer;
            padding: 10px 20px;
            border-radius: 5px;
        }
        .prev-btn { left: 20px; }
        .next-btn { right: 20px; }
        .folder-title {
            color: #000;
            margin-bottom: 20px;
            font-size: 10px;
        }

        #thumbnails {
        display: flex;
        gap: 8px;
        padding: 10px 0;
        overflow-x: auto;
        max-width: 90%;
        margin: 0 auto;
        }

/* Individual thumbnails */
.thumbnail {
    width: 30px;
    height: 30px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s ease;
    overflow: hidden;
    z-index: 1002;

}

/* Active thumbnail */
.thumbnail.active {
    opacity: 1;
}

/* Hover effect */
.thumbnail:hover {
    opacity: 1;
}

/* Scrollbar styling (optional) */
#thumbnails::-webkit-scrollbar {
    height: 6px;
}
#thumbnails::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
}
#thumbnails::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 3px;
}


/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  ABOUT   ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */

/*.about h1{    font-size: 60pt;
    text-align: left;
    padding: 0 0 0 10%;
    color: rgb(234,0,0);}


.about h2, .about p
{   
    
    display: inline-block;
    margin: 0;
    width: 50%;}

.about, .statement{text-transform: uppercase;color: rgb(234, 0, 0);}

.about h2, .statement h2{padding:5% 0 3%; font-family: 'outfit'; font-weight: 300;font-size: 22pt;text-align: left;}

.about p, .statement p {font-family: 'area600';font-size: 26pt;text-align: left; margin-bottom:2%}

.about img{
    width: 25%;
    float: left;
    padding: 5%;
    display: inline-block;
}

.about p a, .statement p a{text-decoration:underline; font-family:'area600'; }
.about p a:hover{text-decoration: none}


.about, .statement {display: block; width:100%}*/





/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  MOBILE  ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */

@media (max-width: 1050px) and (min-width:800px) {.hmcurrent a h1 {font-size: 45pt !important;}}
@media (max-width: 799px) {.hmcurrent a h1 {font-size: 30pt !important;}}

/* Responsive about */

/* Responsive GALLERY */
@media (max-width: 768px) {
    .nav-btn {
        width: 50px;
        height: 50px;
        font-size: 2rem;
        padding: 10px 15px;
        top: 30%;
    }
    
    .prev-btn { left: 15px; }
    .next-btn { right: 15px; }
    .folder-thumb-container {width: 50%;}
    .pagetitle {font-size: 55px;}
    .thumbnail {
	    width: 70px;
	    height: 70px;
	}
    .folder-title{
    	font-size: 21px; 
    	margin:30px auto 0;
    }

}

@media (max-width: 900px) and (min-width: 876px) {
       .folder-thumb-container {width: 25%;} 
}


@media all and (max-width:875px){

    .banner p{
    	padding: 3% 0 5% 12%;
    	width: 90%;
    }
    .banner h1 {
    	font-size: 50pt;
    	padding: 0 0 0 15%;
    }

	#menulist {left:20%; font-size:42px; max-width: 80%;}
	#menulist li a {padding-bottom: 20px;}

	#godown {background-size: 10%;z-index: 0 !important; }

/*	.about p, .statement p{font-size: 20pt;}*/
/*	.about h2, .about p {width: 100%; display:block;}*/
/*	.about img {    width: 80%;}*/

	/* footer */
	/*.links {bottom: 8%;}
	.three .logoimg {top: 8%;}
	.about {
	    width: 292px;
	    margin: -85px 0 0 -145px;
	    line-height: 31px;
		font-size: 16px;
	    font-family: 'outfit';
	
	.links a {
    width: 50px;
    height: 50px;
    margin: 0 2px;}}*/

}








	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;