/*This is a cascading stylesheet for sun268tours*/
.text{
font-family: 'Brush Script MT';
font-size: 1.2em;
text-align: center;
padding: 0;
margin: 0;
margin-left: 50%;
transform: translateX(-200%);
opacity: 0;
animation: slide-in-anim 3.0s ease-out forwards;
}

#container{background-color:#CCCCC; position:absolute; top:0; left:0; height:105%; width:100%;color:white;}

#content {margin-top: 42%; z-index:1;width:138%;}

#sp1{position:absolute; top:40%;width:100%;color:white}

#header {position: fixed; width:105%; height:32%;top: 0; z-index: 10; }

#div_head {position: fixed; width: 105%; height:5%;top: 5%; background-color:white;}

#table1{width:90%; height:15%;background-color:#383838;color:grey;font-weight:bold;font-size:0.6em;}

#td0{width:30%;height:35px;text-align:center;}


#div1{position:relative; top:-5%; width:90%}

#top2{position:absolute; top:60em; width:145%;}

#para1{margin-left:-15%;text-align:center;}

#top1{position:absolute; top:36em; width:113%;}

#top3{position:absolute; top:80em; width:100%}

#div2{position:absolute; left:1%;top:90%;}

#div3{position:absolute; top:90%; left:60%;}

#div4{position:relative; top:0%; width:145%; background-color:#383838;color:grey;}

#top1_1{position:absolute; left:1%;top:90%;}

#top1_2{position:absolute; top:90%; left:33%;}

#top1_3{position:absolute; top:90%; left:98%;}

#top1_4{position:absolute; left:1%;top:228%;}

#top1_5{position:absolute; top:228%; left:65%;}

#top1_Img{height:50%; width:50% }
#top2_Img{height:78%; width:90% }
#top3_Img{height:200%; width:1375%}
#top4_Img{height:62%; width:62%}
#top5_Img{height:145%; width:175% }



#top2_1{position:absolute; left:1%;top:90%}
#top2_2{position:absolute; top:90%; left:25%;}
#top2_3{position:absolute;top:90%; left:46%;}
#top2_4{position:absolute; top:90%;left:75%;}

#top2_1_Img{height:45%; width:45% }
#top2_2_Img{height:40%; width:40% }
#top2_3_Img{height:55%; width:55% }
#top2_4_Img{height:88%; width:88% }

#footer{position:absolute; top:106em; width:95%; background-color:#383838;color:grey;}

#paraPic{height:35%; width:35%}

#getTKnow{height:70%; width:70%}

#planImg{height:60%; width:60% }

#pExotic{color:black;text-align:left;font-size:1em;font-weight:bold;margin-left: 30%;}

#mpop{color:black;text-align:left;font-size:1em;font-weight:bold;margin-left: 30%;}

#mplan{position:absolute; top:5%; left:.5%; color:black;font-size:1em;font-weight:bold;width:95%;}

#para2{color:black;font-size:0.7em;}

#form1{font-size:0.7em;}
#tour{font-size:1.3em;}
#email{font-size:0.9em;}
#fName{font-size:0.9em;}
#lName{font-size:0.9em;}
#sMit{font-size:0.9em;}

#menu li
{
padding: 1em 0;
font-size: 1.5em;
}

#tabl1{width:100%; font-weight:bold}

#tabl2{width:40%; font-weight:bold}

#td1{border-bottom-style: solid; border-color:grey;border-width:thin;}

#sunParaF{height:15%; width:20%}

#td2{font-size:0.7em;font-family:Roboto,sans-serif;padding-right:1em;}

#td3{font-size:0.7em;font-family:Roboto,sans-serif; padding-left:1em;width:30%;}

#tabl3{background-color:#FF6347;color:white; width:145%;height:0.7em;}

#td4{font-size:0.4em;font-family:Roboto,sans-serif; text-align:center;}