.header1{
    height:55px;
    width:100%;
    background-color:orange;
    position:fixed;
    z-index:5;
    left:0;
    top:0;
    }
.header2{
    height:55px;
    width:100%;
    background-color:steelblue;
    position:fixed;
    z-index:4;
    left:0;
    top:55;
    }
.footer{
    height:600px;
    width:100%;
    background-color:#393f6d;
    position:absolute;
    top:2150;
    right:0;
    box-shadow: 0px 0px 10px black;
    z-index:1;
}
.footertext{
    background-color:;
    height:100;
    width:500;
    position:absolute;
    left:15%;
    z-index:30;
}
@media only screen and (max-width: 1050px) {
  /* For mobile phones: */
  [class*="footertext"] {
    width:500px;
  }
    .footertext {
   background-color:;
    height:100;
    width:450;
    position:absolute;
    left:5%;
    z-index:30;
}
}

.logo{
    height:100;
    width:150;
    border-radius:10px;
    background-color:;
    position:relative;
}
.section1{
    width:100%;
    height:2200px;
    background-color:lightgray;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    
}
.page-9-body{
    width:100%;
    height:900px;
    background-color:lightgray;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    
}
.page-9-footer{
    height:600px;
    width:100%;
    background-color:#393f6d;
    position:absolute;
    top:800;
    right:0;
    box-shadow: 0px 0px 10px black;
    z-index:1;
}
.section1textcontainer{
    background-color:;
    width:80%;
    height:170;
    position:absolute;
    top:710;
    left:10%
    
}
.homepageimage{
    width:100%;
    height:600px;
    background-color:gray;
    margin:0 auto;
    z-index:0;
    position:absolute;
    top:100;
    background: url(images_index/plage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.miamiimage{
    width:100%;
    height:600px;
    background-color:gray;
    margin:0 auto;
    z-index:0;
    position:absolute;
    top:100;
    background: url(images_page2/miami.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.honoluluimage{
    width:100%;
    height:600px;
    background-color:gray;
    margin:0 auto;
    z-index:0;
    position:absolute;
    top:100;
    background: url(images_page3/honolulu.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.losangelesimage{
    width:100%;
    height:600px;
    background-color:gray;
    margin:0 auto;
    z-index:0;
    position:absolute;
    top:100;
    background: url(images_page4/losangeles.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.citynametext{
    background-color:;
    width:100%;
    height:100;
    position:absolute;
    top:200;
    
}
.tourist-sites-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: darkgray;
    justify-content: center;
    position:absolute;
    top:1200px;
    left:2.5%;
    width:95%;
    border-radius:5px;
}

.tourist-sites-container > div {
    background-color: white;
    width: 300px;
    margin: 15px;
    text-align: center;
    line-height: 75px;
    font-size: 15px;
    border-radius:5px;
}

@media only screen and (max-width: 1050px) {
  /* For mobile phones: */
  [class*="tourist-sites-container"] {
    width:500px;
  }
    .tourist-sites-container {
    display:;
    flex-wrap:wrap;
    background-color: darkgray;
    justify-content: center;
    position:absolute;
    top:930px;
    left:8%;
    width:80%;
    height:1100px;
    border-radius:5px;
}

.tourist-sites-container > div {
    background-color: white;
    width: 300px;
    height:350px;
    margin: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    border-radius:5px;
}
}

.hotels-page-link{
    background-color:yellowß;
    height:100px;
    width:55%;
    position:absolute;
    top:1700px;
    left:20%;
    text-align: center;
}

@media only screen and (max-width: 1050px) {
  /* For mobile phones: */
  [class*="hotels-page-link"] {
    width:500px;
  }
   .hotels-page-link{
    background-color:;
    height:50px;
    width:55%;
    position:absolute;
    top:2050px;
    left:20%;
} 
}
}
/*
background: url(/Assignment13/images_index/plage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
* {box-sizing: border-box}
body {font-family: Arial, Helvetica, sans-serif;}*/

.dropdown{
    width:100%;
    height:40px;
    background-color:steelblue;
    position:relative;
    
    display:inline-block;
}
.dropbtn{
    background-color:orange;
    border-width:inherit;
    color:white;
    font-weight: bold;
    padding:8px;
    font-size:15px;
    border-radius:50px;
}
.dropdown-content{
    position:absolute;
    display:none;
    text-align: left;
    background-color:#393f6d;
    width:100%;
    z-index:1;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.dropdown-content a{
    
    color:white;
    padding: 5px 10px;
    text-decoration:none;
    font-weight:bolder;
    font-family: Arial, sans-serif;
    display:block;
    font-size:15px;
}

.dropdown-content a:hover {text-decoration: underline; font-weight: bold; }

.dropdown:hover .dropdown-content{display:block;}

.dropbtn:hover {text-decoration: underline;}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: steelblue;
    justify-content: center;
}

.flex-container > div {
    background-color:#393f6d;
    border-radius:20px;
    width: 300px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 15px;
}

.flex-container > div:hover{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.tablecontainer{
    margin-top:1000;
}
.hotelsheadtext{
    background-color:;
    width:100%;
    height:100;
    position:absolute;
    top:200;  
}
.hotelimagescontainer{
    display:flex;
    flex-wrap:nowrap;
    background-color:;
    height:1500px;
    width:97.5%;
    position:absolute;
    top:350;
    left:1%;
    border-radius:5px;
}
.hotelsflex1{
    display:flex;
    flex-wrap:nowrap;
    background-color:darkgray;
    height:450px;
    width:97.5%;
    position:absolute;
    top:350;
    left:1%;
    border-radius:5px;
}
.hotelcityname1{
    width:280px;
    height:38px;
    background-color:white;
    position:absolute;
    top:350;
    left:1%;
    border-radius:5px;
    text-align:center;
}
.hotelsflex2{
    display:flex;
    flex-wrap:nowrap;
    background-color:darkgray;
    height:450px;
    width:97.5%;
    position:absolute;
    top:830;
    left:1%;
    border-radius:5px;
}
.hotelcityname2{
    width:280px;
    height:38px;
    background-color:white;
    position:absolute;
    top:830;
    left:1%;
    border-radius:5px;
    text-align:center;
}
.hotelsflex3{
    display:flex;
    flex-wrap:nowrap;
    background-color:darkgray;
    height:450px;
    width:97.5%;
    position:absolute;
    top:1310;
    left:1%;
    border-radius:5px;
}
.hotelcityname3{
    width:280px;
    height:38px;
    background-color:white;
    position:absolute;
    top:1310;
    left:1%;
    border-radius:5px;
    text-align:center;
}
.hotelimageinfoleft{
    background-color:white;
    height:400px;
    width:240px;
    position:absolute;
    left:0;
    text-align:center;
    padding-top:10px;
    top:40;
    border-radius:5px;
}
.hotelimageinforight{
    background-color:white;
    height:400px;
    width:240px;
    position:absolute;
    right:0;
    text-align:center;
    padding-top:10px;
    top:40;
    border-radius:5px;
}

#hotelcityname1{
}
#hotelcityname2{
}
#hotelcityname3{
}

.planyourtripheadtext{
    background-color:;
    width:100%;
    height:100;
    position:absolute;
    top:200;  
}
.create-account-text{
    background-color:;
    width:100%;
    height:100;
    position:absolute;
    top:150;  
}

.calendar{
    width:85%;
    height:775px;
    background-color:white;
    position:absolute;
    top:300;
    left:7.5%;
    text-align:center;
}

.calendarweekdays{
    position:relative;
    top:355;
    left:10%;
    width:80%;
    height:20px;
    background-color:darkgray;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweekdays > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    text-align: center;
    line-height:;
    font-size: 15px;
}
.calendarweek1{
    width:80%;
    height:130px;
    background-color:darkgray;
    position:relative;
    top:360;
    left:10%;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweek1 > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    padding:5px;
    font-size: 15px;
}
.calendarweek2{
    width:80%;
    height:130px;
    background-color:darkgray;
    position:relative;
    top:365;
    left:10%;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweek2 > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    padding:5px;
    font-size: 15px;
}
.calendarweek3{
    width:80%;
    height:130px;
    background-color:darkgray;
    position:relative;
    top:370;
    left:10%;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweek3 > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    padding:5px;
    font-size: 15px;
}
.calendarweek4{
    width:80%;
    height:130px;
    background-color:darkgray;
    position:relative;
    top:375;
    left:10%;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweek4 > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    padding:5px;
    font-size: 15px;
}
.calendarweek5{
    width:80%;
    height:130px;
    background-color:darkgray;
    position:relative;
    top:380;
    left:10%;
    display: flex;
    flex-wrap: nowrap:
    justify-content: center;
}
.calendarweek5 > div {
    background-color: lightgray;
    width: 300px;
    margin: 1px;
    padding:5px;
    font-size: 15px;
}
.deals-image{
    width:100%;
    height:600px;
    background-color:gray;
    margin:0 auto;
    z-index:0;
    position:absolute;
    top:100;
    background: url(images_page7/bank_image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.safekeeping-packages{
    background-color:;
    width:80%;
    height:100px;
    position:absolute;
    top:180;
    left:10%;
    z-index:1;
    text-align:center;
}
.packages-container1{
    display:flex;
    flex-wrap:nowrap;
    background-color:;
    height:410px;
    width:97.5%;
    position:absolute;
    top:1050;
    left:1%;
    border-radius:5px;
}
.packages-container2{
    display:flex;
    flex-wrap:nowrap;
    background-color:;
    height:410px;
    width:97.5%;
    position:absolute;
    top:1600;
    left:1%;
    border-radius:5px;
}
.package-info-left{
    background-color:darkgray;
    height:400px;
    width:300px;
    position:absolute;
    left:0;
    text-align:center;
    padding:10px;
    top:0;
    border-radius:5px;
}
.package-info-right{
    background-color:white;
    height:400px;
    width:65%;
    position:relative;
    left:350;
    text-align:center;
    padding:10px;
    top:0;
    border-radius:5px;
}
@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="packages-container1"] {
    width:500px;
  }
    .packages-container1{
        display:flex;
        flex-wrap:nowrap;
        background-color:purple;
        height:450px;
        width:97.5%;
        position:absolute;
        top:960;
        left:1%;
        border-radius:5px;
        justify-content:center;
}
}
@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="packages-container2"] {
    width:500px;
  }
    .packages-container2{
        display:flex;
        flex-wrap:nowrap;
        background-color:purple;
        height:450px;
        width:97.5%;
        position:absolute;
        top:1600;
        left:1%;
        border-radius:5px;
        justify-content:center;
}
}
@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="package-info-left"] {
    width:500px;
  }

    .packages-info-left{
        background-color: orange;
        width: 100%;
        height:200px;
        position:relative;
        top:0;
        left:1%;
        text-align: center;
        line-height: 40px;
        font-size: 15px;
        border-radius:5px;
}
}
@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  [class*="package-info-right"] {
    width:500px;
  }

    .package-info-right{
    background-color:white;
    height:200px;
    width:100%;
    position:relative;
    left:0;
    text-align:center;
    padding:15px;
    top:300;
    border-radius:5px;
}
}

.sweepstakes-page{
    background-color:;
    height:900px;
    width:50%;
    position:absolute;
    top:950;
    left:35%;
    z-index:1;
    
    
}
.sweepstakes-section1{
    background-color:#6FC9F8;
    height:200px;
    width:700px;
    position:relative;
    left:0;
    z-index:1;
    
    
}

.sweepstakes-section2{
    background-color:#F9A606;
    height:250px;
    width:700px;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    
    
}

.section2-image{
    background-color:;
    height:240px;
    width:240px;
    position:relative;
    top:-165;
    left:400;
    z-index:1;
}

.section2-text{
    background-color:;
    height:170px;
    width:250px;
    position:relative;
    top:20;
    left:40;
    z-index:1;
}

.sweepstakes-section3{
    background-color:#6FC9F8;
    height:250px;
    width:700px;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    
    
}


.sweepstakes-section4{
    background-color:#FFD200;
    height:250px;
    width:700px;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    
    
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="sweepstakes-page"] {
    width:500px;
  }

    .sweepstakes-page{
    background-color:red;
    height:1150px;
    width:440px;
    position:absolute;
    top:950;
    left:5%;
    z-index:1;
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="sweepstakes-section1"] {
    width:500px;
  }

   .sweepstakes-section1{
    background-color:#6FC9F8;
    height:200px;
    width:440px;
    position:relative;
    left:0;
    z-index:1;
    
    
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="sweepstakes-section2"] {
    width:500px;
  }

   .sweepstakes-section2{
    background-color:#F9A606;
    height:400px;
    width:440px;
    position:relative;
    left:0;
    z-index:1;
    
    
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="section2-text"] {
    width:500px;
  }

   .section2-text{
    background-color:;
    height:100px;
    width:400px;
    position:relative;
    left:5%;
    top:-30;
    z-index:1;
    
    
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="section2-image"] {
    width:500px;
  }
    
.section2-image{
    background-color:;
    height:240px;
    width:240px;
    position:relative;
    top:25;
    left:20%;
    z-index:1;
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="sweepstakes-section3"] {
    width:500px;
  }

   .sweepstakes-section3{
    background-color:#6FC9F8;
    height:300px;
    width:440px;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    
    
}
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  [class*="sweepstakes-section4"] {
    width:500px;
  }

   .sweepstakes-section4{
    background-color:#FFD200;
    height:250px;
    width:440px;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    
    
}
}

.create-account-section{
    background-color:darkgray;
    height:400px;
    width:80%;
    position:absolute;
    top:250;
    left:10%;
    z-index:1;
    padding:15px;
    border-radius:10px;
}
.sign-in-button{
    position:relative;
    left:50;
    top:50;
}
.contact-info-box{
    background-color:darkgray;
    height:330px;
    width:80%;
    position:absolute;
    top:250;
    left:10%;
    z-index:1;
    padding:15px;
    border-radius:10px;
}