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

/*layout */
    body{
        background-color:#000000;
        }
    #wrapper{
        margin:auto;  
        min-width:900px;
		min-height:600px;
        width:100%;
    }
    #container{
        margin:10px auto;
        min-width:900px;
        width:50%;
        padding:20px 20px 50px 20px;
        background-color: #000000;
        border:10px #41393D solid;
		border-radius:10px;
        

    }
/* Front page layout */
    #frontlogo {
        min-width:900px;
        min-height: 600px;
        text-align: center;
    }
  header nav#front{
        min-width: 600px;
        max-width: 880px;
        padding:10px 0px;
        margin:5px;
        background-color:#000000;
        text-align: center;
        overflow:auto;
 }

/* Sub page layout */

	#sublogo{
	positiion:relative;
	float:left;
	width:880px;
	padding:10px 10px 0px 10px;
	text-align:center;
}
	#sublogo img{
		margin:auto;
		display:block;	
}
#sublogo h2{
	 font-family:'Majesti-Banner-Heavy';
     font-style:normal;
     color:#D7E4C2;
     font-size:1.0rem;
     line-height:1.1rem;
	 
}
  
    header nav#subpage{
        width:99%;
        margin:0px auto;
		padding:0px;
        background-color:#000000;
        text-align: center;
        overflow:auto;
		position:relative;
		float:left;
		height:80px;
		line-height:80px;
    }

/* Footer layout */
footer{
     	margin:10px auto;
        min-width:100%;
		text-align:center;
		overflow:auto;
}

/* footer styling classes */

.footerbox{
	width:100%;
	padding:20px 0px;
	height:210px;
	text-align:center;
	overflow:hidden;
	position:relative;
	float:left;
}
.footerboxdiv{
	position:relative;
	float:left;
	min-width:32%;
	min-height:99%;
}
.footerbox-right{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
}
footer table{
	width:100%;
	text-align: justify;
}
/* Nav clases */
 	.button {
        background-color:#8a8f8c;
        border: none;
        border-radius: 10px;
		font-size:1.2rem;
	    line-height:1.2rem;
		text-shadow:1px 1px #000000;
        text-align: center;
        display:inline-block;
        margin: 2px;
    }
a.current{
	color:#8a8f8c;
	background-color: #41393D;
	border-radius:10px;
	width:80px;
	padding:15px;
	
}

a.clickable {
	text-decoration: none;
	display:block;
	width:80px;
	padding:15px;
}
/* Utility*/
.flex-container-row {
	min-width:600px;
	width:100%;
	display:flex;
	flex-direction: row;
} 
.flex-container-twothirdscol {
	width:65;
	padding:1%;
}
.flex-container-halfcol {
	width:47%;
	padding:1%;
}
.flex-container-thirdcol {
	width:30%;
	padding:1%;
}

.clearfix {
	clear:both;
}
/* image */
section img{
	display:block;
	margin:0px auto;
	vertical-align:middle;
	border:1px dotted #EF4E22;
}
/* 
text styling 
*/
/* Font definitions */

    @font-face {
  font-family: "Majesti-Banner";
  src:  url('font/Majesti-Banner-Bold.otf') format('opentype'),
      url('font/Majesti-Banner-BoldItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Book.otf') format('opentype'),
    url('font/Majesti-Banner-BookItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Heavy.otf') format('opentype'),
    url('font/Majesti-Banner-HeavyItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Light.otf') format('opentype'),
    url('font/Majesti-Banner-LightItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Medium.otf') format('opentype'),
    url('font/Majesti-Banner-MediumItalicE.otf') format('opentype');
    }
/* Text Styling */
body{
	font-size: 62.5%;
	color:#FFFFFF;
}

    
    #frontlogo h2 {
        font-family:'Majesti-Banner-Heavy';
        font-style:normal;
        color:#D7E4C2;
        font-size:1.8rem;
        line-height:2.0rem;
    }

    #page-text{
        color:#8a8f8c;
        font-family: 'Bitter', serif;
        font-size:1rem;
        line-height: 1.2rem;
        padding:0px 10px 0px 10px;
        max-width:900px;
    }
    #page-text p{
        margin: 0rem 0rem 0.3rem 0.1rem;
		text-align: justify;
    }
    #page-text h1{
        font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#be1e2d;
        font-size:1.6rem;
        line-height:1.8rem;
    }
    #page-text h2{
        font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#be1e2d;
        font-size:1.4rem;
        line-height:1.6rem;
		text-align:center;
		margin:0px 0px 10px 0px;
    }
 	footer span {
		font-family: bitter, serif;
		font-size:0.8rem;
		list-style: 0.9rem;
		color:#41393D;
    }

/* navbar styling */
     header nav a:link, header nav a:visited {
            color:#BE1E2D;
            text-decoration:none;
            font-family: Majesti-Banner;
            font-weight:bold;

        }

        header nav a:hover, header nav a:active {
            color:#EF4E22;
            text-decoration: none;
            font-family: Majesti-Banner;
            font-style:italic;

        }
/* Hours reference ul */
.title{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#BE1E2D;
        font-size:1.4rem;
        line-height:1.6rem;
		text-decoration:none;
	
}
.subtitle{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#BE1E2D;
        font-size:1.1rem;
        line-height:1.3rem;
		text-decoration:none;
	
}
.hoursday{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#D7E4C2;
        font-size:1.1rem;
        line-height:1.3rem;
		text-decoration:none;
		margin-top:0.1rem;
	padding:0.1rem;
}
.hourstime{
	 font-family:'Bitter', serif;
        font-style:normal;
        color:#8A8C8F;
        font-size:0.9rem;
        line-height:1.1rem;
		padding:0.1rem 2px;
		text-decoration:none;
	
}

/* Contact info */
a[href^="tel:"] {
  color: #D7E4C2;
  text-decoration: none;
	font-size:1.0rem;
	line-height: 1.1rem;
}
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}
/* color Reference 
    Main Colors
        Firestarter #BE1E2D
        Cooldown #8A8C8F
    Secondary Colors
        Sleek: #41393D
        Spicy: #EF4E22
        Lucky: #D4A18D
        Bamboo: #D7E4C2
*/