@font-face {
    font-family: MajestiBH;
    src: url('fonts/Majesti-Banner/Majesti-Banner-Heavy.otf');}
 @font-face {
    font-family: MajestiBM;
    src: url('fonts/Majesti-Banner/Majesti-Banner-Medium.otf');}
 @font-face {  
     font-family: MajestiMI;
     src: url('fonts/Majesti-Banner/Majesti-Banner-MediumItalic.otf');} 
@font-face {  
     font-family: MajestiLI;
     src: url('fonts/Majesti-Banner/Majesti-Banner-LightItalic.otf');} 
@font-face {  
     font-family: MajestiBB;
     src: url('fonts/Majesti-Banner/Majesti-Banner-Book.otf');}
@font-face {  
     font-family: MajestiLT;
     src: url('fonts/Majesti-Banner/Majesti-Banner-Light.otf');}

html,body{
	margin:0;
	padding:0;
	height:100%;
	position:relative;
	
}
 header {
        width:296px;
        height:71px;
        margin:30px 100px 30px 30px;
        display: block;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 5px;      
  overflow: hidden;
  background-color: #be1e2d;
  text-align:center
}

li {
  display:inline;
}

li a {font-family: MajestiBM;
    display: inline-block;
    color: #111111;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 150%;
	text-decoration: none;

}

   li a:hover {
      background-color: #ef4e22;
   }
    
    h2 { font-family: MajestiLT;
        color: #8a8c8f;
        font-size: 300%;
        text-align: center;}
    h3 {color: #be1e2d;
        font-size: 150%;}
    body { background: #111111;
        }
  .p1 { font-family: MajestiMI;
       text-align: center;
       color: #d4a18d;
       font-size: 110%;}

.p2 {
      font-family: MajestiLI;
      text-align: center;
      color: #8a8c8f;
      padding-top: 10px;
      padding-right: 30px;
      padding-left: 30px;
      padding-bottom: 10px;
      font-size: 200%;
}
.p4 { font-family: MajestiMI;
       text-align: left;
       color: #d4a18d;
       font-size: 150%;}
.img2 {
       margin-top: 1px;
       margin-right: 1px;
       margin-left: 1px;
       margin-bottom: 1px;
}
    
.p3 {   font-family: MajestiBM;
        text-align: center;
        color: #be1e2d;
        font-size: 32px;
        border: 5px;
        border: double;
        padding: 10px 10px;
        text-decoration: none;
        margin: 1% 35% 1% 35%;
        cursor: pointer;
        }
    .fan {
        float:right;
        padding:50px 50px 75px 50px;
		width: 468px;
		height: 700px;
       }
    .tea {
        float:right;
        padding:10px 40px 10px 50px;
		width:350px;
		Height:525px;
	 }
     hr {
       display: block;
       padding: 0px 0px 0px 10px;
       margin: 3% auto 3% auto;
       height: 0;
       width: 60%;
       max-height: 0;
       line-height: 0;
       clear: both;
       border: double;
       border-bottom: thin #ef4e22;
	   border-top: double #ef4e22;
    }
     .img1 {
         display:block;      
         margin-left:auto;
         margin-right:auto;}
section:after {
    content: "";
    display: table;
    clear: both;}

  .button {width: 35%;
    background-color: #ef4e22;
    border: solid;
    color: #8a8c8f;
    padding: 40px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    font-family: MajestiBH;
    font-size: 150%;
    margin: 50px 20px;
 }
  .button1 {
    width: 40%;
    float:right;
    background-color: #ef4e22;
    border: solid;
    color: #8a8c8f;
    padding: 40px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    font-family: MajestiBH;
    font-size: 150%;
        margin: 50px 10px;
 }
  .button2 {width: 40%;
    background-color: #111111;
    border: double;
    color: #be1e2d;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px auto 20px 7%;
    cursor: pointer;
    font-family: MajestiLI;
    font-size: 180%;
 }
 .button3 {width: 40%;
    background-color: #ef4e22;
    border: solid;
    float:right;
    color: #8a8c8f;
    padding: 1px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 2px;
    cursor: pointer;
    font-family: MajestiBH;
    font-size: 200%;
 }
 div.link2 a:link {
        color: #be1e2d;
        background-color: transparent;
        text-decoration: none;
}
  div.link2     a:visited {
        color: #ef4e22;
        background-color: transparent;
        text-decoration: none;
}
  div.link2     a:hover {
        color: white;
        background-color: transparent;
        text-decoration: underline;
}
  div.link2      a:active {
        color: yellow;
        background-color: transparent;
        text-decoration: underline;}

  .footer{
	  
	    overflow:hidden;
	    position: relative;
        display:block;
        width: 100%;
	    text-align: center;
		padding-bottom:10px;
    }
  .map {
        display: block;
        margin-left: auto;
        margin-right:auto;
        padding-left: 150px;
        padding-right: 100px;}