body {
    margin:0
}

.col-1 { width: 8.33%; }
.col-half { width: 4.1%; }
.col-2 { width: 16.6%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3%; }
.col-5 { width: 41.6%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3%; }
.col-8 { width: 66.6%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3%; }
.col-11 { width: 91.6%; }
.col-12 { width: 100%; }

.mega-div-index{
height: 1080px; 
border: 2px solid black; 
background-image: url("images/graident-bg.png"); 
position: fixed; 
}

.tile-roof {
    height:320px; 
    background-image: url("images/roof-tiles.png");
    position:absolute;
    z-index:1; 
}

.display-type {
    height: 900px; 
    margin: 100px auto 0px auto; 
    z-index: 0; 
    position:relative; 
}

.line-1 {
    height:330px; 
    margin: 0px auto 10px auto; 
    display: block; 
    padding-top:100px;
    font-family: "than";
    font-style: normal;
    font-size: 400px;


}

.line-1 p {
    margin-top: 100px; 
    text-align: center; 
     color:#8d1be6; 
     z-index:3; 
    position:relative; 
    line-height: 0; 
    font-family: "than";
    font-style: normal;
    font-size: 400px; 


}
.line-2 {
    height:450px; 
    margin: 0px auto 0px auto; 
    display: block; 
    line-height: 0; 
    font-family: "than";
    font-style: normal;
    font-size: 400px;

}

.line-2 p {
    text-align: center; 
    line-height: 0; 
    font-family: "than";
    font-style: normal;
    font-size: 400px; 
    margin-top:100px; 
    padding-top: 200px; 
    color:#8d1be6; 
}

.glow {
    height: 370px;
    width: 1133px; 
    background-image: url("images/Asset\ 3.png"); 
    position: absolute; 
    z-index:2;
    margin: 300px 0px 100px 150px; 
}

.center-text {
    height: 200px; 
    margin: 125px auto 100px auto; 
}

.welcome {
    height: 100px; 
    margin:auto; 
    color:  yellow; 
    text-align: center;
    font-size: 50px; 

}


.enter {
    height: 60px; 
    margin: 30px auto 0px auto; 
    border-radius: 20px; 
    background-color: #d804cc; 
    text-align: center;
    font-size: 50px; 
        
}

a .enter{ 
    color: yellow; 
    text-decoration: none;
}
 .audio-toggles {
    height:100px; 
    z-index: 6; 
    position: absolute; 
    margin-left: 550px; 
 }

.kitchen-audio {
    z-index:5; 
    position:absolute;
    }

  .bird-audio {
        z-index:5; 
        position:absolute;
        margin-left:300px; 
        float:left; 
        }

/* END INDEX */ 

.mega-div-menu{
    height: 1080px; 
    background-image: url("images/wallpaper.png"); 
    position: fixed; 

}

.food-menu {
    height: 700px; 
display: inline-block;
margin: 150px 0 0 30px; 
float: left; 
}

.menu-bg {
    height: 600px; 
    background-color: #5656ff; 
    float: right; 
}

.menu-title {
    height: 200px; 
}

.menu-title h1 {
    text-align: center; 
    line-height: 0; 
    font-family: "than";
    font-style: thin;
    font-size: 150px; 
    color:yellow; 
}

.click-circle {
    z-index: 6; 
    height: 100px; 
    border-radius: 50%; 
    position: absolute; 
    color: black; 
    margin-top: 200px; 
    background-color: yellow; 
}

.click-circle p {
    text-align: center; 
    line-height: 1; 
    font-family: "than";
    font-style: thin; 
    float: center; 
    margin: 10px 10px 10px 80px; 
    position: absolute; 
    font-size: 40px; 
    z-index: 7; 
    text-decoration: none;
    color: black;  

}

a .click-circle {
    color: black;
    text-decoration: none; 
}

.menu-description {
    width: 210px;
    height: 300px; 
    float: right;
    z-index: 2; 
    position:absolute; 
    margin: 210px 0 0 330px; 
}

.menu-description p {
    font-family: sans-serif;
    font-style:normal;
    font-size: 15px; 
    color:yellow; 
}


.tom-yum-soup {
    width: 300px;
    height: 230px; 
    z-index: 6; 
    position: absolute; 
    margin: 420px 0 0 0px; 
    background-image: url("images/tom-yum-soup.png")
}

.dine-in-promo {
    width: 200px; 
    height: 600px; 
    background-color: #d804cc; 
    display: inline-block;
    float: left; 
    margin-top: 150px; 
    margin-left:170px;
    text-align: 
}

.dip-top {
    width: 99%;
    color: yellow; 
    text-align: center; 
}

.fifteen-off {
    width: 99%;

}

.one-five-percent {
background-image: url(images/disc.png);
height: 460px; 
background-repeat:no-repeat; 
align-items: center;
margin-left: 10px; 

}


.off-exclamation {
    height: 400px; 
 color:yellow; 
 font-size: 100px; 
 line-height: 50%; 
 text-align: center; 
}

.dip-bottom {
    width: 99%;
    color: yellow; 
    font-size: 12px; 
    text-align: center; 

}

.wfla {
    width: 620px; 
    height: 360px; 
    display: inline-block;
    margin: 150px 30px 0 0px; 
    float: right; 
}

.hours-ap {
    width: 400px; 
    height: 400px;
    display: inline-block;
    float: right; 
    margin-right: 50px; 


}
.hours {
    height: 200px; 
    display: inline-block;
    float: right; 
}

.animal-planet {
    height: 100px; 
    display: block;
    margin: 50px 60px 0 60px; 
    float: right; 
    background-image: url(images/animalplanet.gif);

}

.subtitles {
    width: 575px; 
    height: 200px; 
    position: absolute; 
    z-index: 5;
    margin: 750px 400px 0 600px; 
    background-image: url(images/sized-subtitles.gif); 
    
}

video .subtitles {
margin: auto; }

.hours {
    color: #5656ff; 
    font-size: 40px; 
}


/*END MENU*/

.mega-div-food {
    width: 100%; 
    height: 3000px; 
    background-color: #5656ff; 
}

.top {
    width: 99%; 
    height: 543px; 
    margin: auto; 
}

.our-specialties {
    width: 40%; 
    height: 80%; 
    float: left; 
    text-align: center; 
    color: yellow; 
    font-size: 60px; 
    background-image:url(images/glow.png);
    background-repeat: no-repeat; 
    line-height: 170%;
    margin-top: 100px; 
}

.thai-lang-our-specialties {
    width: 59%; 
    height: 99%; 
    float: left; 
    text-align: center; 
    color: #8d1be6; 
    font-size: 60px; 
}

.list {
    width: 99%; 
    height: 2400px; 
}

.food-item {
    width: 99%; 
    height: 245px; 
    margin: auto; 
}

.top-line-food-item {
    width: 99%; 
    height: 84px; 
    margin: auto; 
}

.name {
    width: 43%; 
    height: 70px; 
    float: left; 
    color: yellow; 
    font-size: 40px; 
    line-height: 0; 
}

.description {
    width: 40%; 
    height: 70px; 
    float: left; 
    text-align: right; 
    color: yellow; 
    font-size: 18px; 
}

.name-thai {
    width: 16%; 
    height: 70px; 
    float: left; 
    text-align: right; 
    color: cyan; 
    font-size: 20px; 
    line-height: 0; 

}

.bottom-line-food-item {
    width: 99%; 
    height: 155px; 
}

.price {
    width: 25%; 
    height: 70px; 
    float: left; 
    color: yellow; 
    font-size: 40px; 
    line-height: 0; 
}

.line {
    width: 74%; 
    height: 70px; 
    float: left;  
}

.take-back {
    z-index: 10; 
    position: fixed; 
    width: 20%; 
    height: 50px; 
    background-color: #d804cc; 
    font-size: 46px; 
}