html,body{
    box-sizing:border-box;
    margin:0rem;
    padding:1rem;
    background-color:azure;
    color:black;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background:linear-gradient(to bottom, cornflowerblue,lightblue,azure);
    background-attachment:fixed;
}
.container{
    display:grid;
    grid-gap:.25rem;
    grid-template-columns: repeat(auto-fit, minmax(0,1fr));
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: 
    "t t t t . m m m m m m m"
    ". . . . . . . . . . . ."
    ". . . r r r r r r . . ."
    ". . a a a a a a a a . ."
    ". . . . . . . . . . . ."
    "p p p o o i i u u y y y"
    "z z z x x c c v v h h h"
    ". . . . . . . . . . . ."
    ". . b b b b b b b b . ."
    ". . . . . . . . . . . ."
    "w w w w w w w w w w w w"
    "f f f f f f f f f f f f"

}

.title{
    grid-area:t;
    background-color:#c8a2c8;;  
    font-size:1.5rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    color:white;
    border:.25rem rgb(255, 249, 185) solid;
    filter: drop-shadow(0 0 0.75rem white);
}
a:link{
    color:slateblue;
}
a:visited{
    color:hotpink;
}
a:hover{
    color:orange;
}
a:active{
    color:rgb(201, 81, 81);
}
img{
    height:auto;
    width:100%;
}
.navbar{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;
}
.navbar ul{
    background-repeat:no-repeat;
    background-size: cover;
    display:block;
    list-style: none;
    justify-content: center;
    display:flex;
    
}
.navbar ul li{
    margin-right:.7em;
    
}
.navbar ul li a{
    text-decoration:none;
    color:ghostwhite;
    font-weight:bolder;
}
.heading1{
    grid-area:r;
    background-color:rgb(255, 249, 185);
    color:#dfc5df;
    text-align: center;
    padding:.5rem;
    font-size:2.5rem;
}
.contenta{
    grid-area:a;
    background-color:#dfc5df; 
    color:rgb(255, 249, 185); 
    text-align:center;
    
}
.very{
    font-style: italic;
}

.wave{
    font-size:.993rem;
    background-color:transparent;
    border-radius:.8rem;
    color:black;
    cursor: pointer;
    padding:.25rem .25rem;
}
.wave:hover{
    background-image:linear-gradient(-170deg, #31BFBF, #5DCACA, #8ED7CC, #BFF2E7, #1EA7CB, #0B99BB);
    animation:slide 3s linear infinite;
}
@keyframes slide{
    to{
        background-position:20vw;
    }
}
.country1{
    grid-area:z;
    background-color:#dfc5df;
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 249, 185);
}
.country2{
    grid-area:x;
    background-color:#dfc5df; 
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 249, 185);
}
.country3{
    grid-area:c;
    background-color:#dfc5df;
    text-align: center;  
    font-size:1.563rem;
    color:rgb(255, 249, 185);
}
.country4{
    grid-area:v;
    background-color:#dfc5df;  
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 249, 185);
}
.country5{
    grid-area:h;
    background-color:#dfc5df; 
    text-align: center; 
    font-size:1.563rem;
    color:rgb(255, 249, 185);
}
.column1{
    grid-area:p;
    background-color:lightsteelblue;
    overflow:hidden;
    filter: drop-shadow(0 0 0.75rem white);
}
.column1 img{
    width:100%;
    height:100%;
    display:block;
}
.column2{
    grid-area:o;
    background-color:lightsteelblue;
    overflow:hidden;
    filter: drop-shadow(0 0 0.75rem white);
}
.column2 img{
    width:100%;
    height:100%;
    display:block;
}
.column3{
    grid-area:i;
    background-color:lightsteelblue;
    overflow:hidden;
    filter: drop-shadow(0 0 0.75rem white);
}
.column3 img{
    width:100%;
    height:100%;
    display:block;
}
.column4{
    grid-area:u;
    background-color:lightsteelblue;
    overflow:hidden;
    filter: drop-shadow(0 0 0.75rem white);
}
.column4 img{
    width:100%;
    height:100%;
    display:block;
}
.column5{
    grid-area:y;
    background-color:lightsteelblue;
    overflow:hidden;
    filter: drop-shadow(0 0 0.75rem white);
}
.column5 img{
    width:100%;
    height:100%;
    display:block;
}

.contentb{
    grid-area:b;
    background-color:rgb(255, 249, 185);
    color:#dfc5df;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}
.contentbhome{
    grid-area:b;
    background-color:rgb(255, 249, 185);
    color:#dfc5df;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1.25%;
}
.rframe{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
}
.wholetable{
    grid-area:w;
    background-color:rgb(255, 249, 185);
    text-align: center;
    color:black;
}
.location{
    font-size:1.5rem;
    color:#dfc5df;
    font-weight:bolder;
}
.table1{
    color:#dfc5df;
}
table{
    width:85%;
    border-color:#c8a2c8;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    overflow-x:auto;
}
th{
    height:2rem;
    color:navy;
    font-weight: bolder;
}
td{
    color:navy;
}
.footer{
    grid-area:f;
    background-color:#dfc5df;
    border:.2rem rgb(255, 249, 185) solid;
    text-align:center;
    display:flex;
    justify-content:space-around;
    align-items:center;
    color:rgb(255, 249, 185);
    font-size:.85rem;
}
.footer > ul{
    margin-left:0rem;
    list-style-type:none;
    display:flex;
    text-align: center;
}
.footer > ul > a{
    text-decoration: none;
}
.footer > ul > li{
    padding-right:.7rem;
}
.symbol ul{
    padding-left:.3rem;
}
.fa{
    padding:.3rem;
    text-align:center;
    text-decoration:none;
    margin: .04rem .04rem;
}
.fa:hover{
    opacity:0.7;
}
.fa-facebook{
    background:#3B5998;
    color:white;
}
.fa-twitter{
    background:#55ACEE;
    color:white;
}
.fa-instagram{
    background:#125688;
    color:white;
}
.fa-snapchat-ghost{
    background:#fffC00;
    color:white;
    text-shadow: -0.063rem 0 black, 0 0.063rem black, 0.063rem 0 black, 0 -0.063rem black;
}
form{
    border:.04rem solid rgb(255, 249, 185);
}
.container2{
    padding:.04rem;
    background-color: #c8a2c8;
}
input[text=type], input[type=submit]{
    width:100%;
    padding:.02rem;
    margin:.02rem 0;
    display:inline-block;
    border:.04rem solid #ccc;
    box-sizing:border-box;
}
input[type=submit]{
    background-color:#c8a2c8;
    color:white;
    border:.04rem solid purple;
}
input[type=submit]:hovor{
    opacity:0.8;   
}
.black{
    color:black;
}
.shift{
    color:black;
    font-weight:900;
    padding-bottom:.5rem;
    align-content: center;
    padding-right:2.75rem;
}
.dropdown .dropbtn{
    font-size:1rem;
    width:5rem;
    color:black;
    font-family:inherit;
    margin-bottom:7rem;
    border:.2rem solid #c8a2c8;
    background-color: rgb(255, 249, 185);
}

.dropdown-content{
    display:none;
    position:absolute;
    width:5rem;
    background-color:#c8a2c8;
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-content a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:.25rem;
}
h6{
    font-size:.7rem;
}
.dropdown-content a:hover{
    background-color:rgb(255, 249, 185);
    color:#c8a2c8;
}
.dropdown:hover .dropdown-content{
    display: block;
}

.tdbold{
    font-weight:bolder;
    color:#c8a2c8;
}
.table1{
    overflow-x:auto;
}
/*start of greece sub page*/

.navbargreece{
    background-image:url("../images/navbarimage2.jpg");
    background-image:repeat;
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;   
}
.navbargreece ul{
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content:center;
}

.navbargreece ul li{
    margin-right:.7em;
}
.navbargreece ul li a{
    text-decoration: none;
    color:white;
    font-weight: bolder;
}
.dropdown-contentgreece{
    display:none;
    position:absolute;
    width:5rem;
    background-color:#55ACEE;
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contentgreece a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contentgreece a:hover{
    background-color:white;
    color: #55ACEE;
}
.dropdowngreece:hover .dropdown-contentgreece{
    display: block;
}

.dropdowngreece .dropbtngreece{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid #55ACEE;
    background-color: white;
}
.contentagreece{
    grid-area:a;
    background-color:rgb(255, 255, 255); 
    color:#55ACEE; 
    text-align:center;
}
.country1greece{
    grid-area:z;
    background-color:#55ACEE;
    text-align: center;
    font-size:1.563rem;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2greece{
    grid-area:x;
    background-color:#55ACEE;
    text-align: center;
    font-size:1.563rem;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3greece{
    grid-area:c;
    background-color:#55ACEE;
    text-align: center;
    font-size:1.563rem;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4greece{
    grid-area:v;
    background-color:#55ACEE;
    text-align: center;
    font-size:1.563rem;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5greece{
    grid-area:h;
    background-color:#55ACEE;
    text-align: center;
    font-size:1.563rem;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetablegreece{
    grid-area:w;
    background-color:white;
    text-align: center;
    color:#55ACEE;
}

.locationgreece{
    font-size:1.5rem;
    color:#55ACEE;
    font-weight:bolder;
}
.tdboldgreece{
    color:#55ACEE;
}
.table1greece{
    color:#55ACEE;/*ask mrs siegal how to make outline of table the color #55ACEE*/
    overflow-x:auto;
}
tablegreece{
    width:85%;
    border-color:#55ACEE;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    
}
.titlegreece{
    grid-area:t; 
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    background-color:#55ACEE;
    color:white;
    border:.25rem lightskyblue solid;
    filter: drop-shadow(0 0 0.75rem white);
}
.heading1greece{
    grid-area:r;
    background-color:white;
    color:#55ACEE;
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
}
.contentbgreece{
    grid-area:b;
    background-color:white;
    color:#55ACEE;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}

/*Start of cancun sub page*/
.navbarcancun{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;
    
}
.navbarcancun ul{
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content:center;
}

.navbarcancun ul li{
    margin-right:.7em;
}
.navbarcancun ul li a{
    text-decoration: none;
    color:ghostwhite;
    font-weight: bolder;
}
.titlecancun{
    grid-area:t;
    background-color:lightcoral;  
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    color:#BFF2E7;
    border:.25rem white solid;
    filter: drop-shadow(0 0 0.75rem white);
}

.dropdown-contentcancun{
    display:none;
    position:absolute;
    width:5rem;
    background-color:lightcoral;
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contentcancun a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contentcancun a:hover{
    background-color:lightcoral;
    color:#BFF2E7;
}
.dropdowncancun:hover .dropdown-contentcancun{
    display: block;
}

.dropdowncancun .dropbtncancun{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid lightcoral;
    background-color: #BFF2E7;
}
.heading1cancun{
    grid-area:r;
    background-color:#BFF2E7;
    color:lightcoral;
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
    text-shadow:0.063rem 0.063rem #0f88a7;
}
.contentacancun{
    grid-area:a;
    background-color:lightcoral; 
    color:#BFF2E7; 
    text-align:center;
}
.country1cancun{
    grid-area:z;
    background-color:lightcoral;
    text-align: center;
    font-size:1.563rem;
    color:#BFF2E7;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2cancun{
    grid-area:x;
    background-color:lightcoral;
    text-align: center;
    font-size:1.563rem;
    color:#BFF2E7;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3cancun{
    grid-area:c;
    background-color:lightcoral;
    text-align: center;
    font-size:1.563rem;
    color:#BFF2E7;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4cancun{
    grid-area:v;
    background-color:lightcoral;
    text-align: center;
    font-size:1.563rem;
    color:#BFF2E7;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5cancun{
    grid-area:h;
    background-color:lightcoral;
    text-align: center;
    font-size:1.563rem;
    color:#BFF2E7;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetablecancun{
    grid-area:w;
    background-color:white;
    text-align: center;
    color:#BFF2E7;
}

.locationcancun{
    font-size:1.5rem;
    color:lightcoral;
    font-weight:bolder;
}
.tdboldcancun{
    color:lightcoral;
}
.table1cancun{
    color:lightcoral;/*ask mrs siegal how to make outline of table the color rgb(255, 168, 255)*/
    overflow-x:auto;
}
.tablecancun{
    width:85%;
    border-color:lightcoral;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    
}
.contentbcancun{
    grid-area:b;
    background-color:#BFF2E7;
    color:lightcoral;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}
/*start of nyc sub page*/

.navbarnyc{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;;
    
}
.navbarnyc ul{
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content:center;
}

.navbarnyc ul li{
    margin-right:.7em;
}
.navbarnyc ul li a{
    text-decoration: none;
    color:ghostwhite;
    font-weight: bolder;
}
.titlenyc{
    grid-area:t;
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    background-color:navy;
    color:goldenrod;
    border:.25rem goldenrod solid;
    filter: drop-shadow(0 0 0.75rem white);
}

.dropdown-contentnyc{
    display:none;
    position:absolute;
    width:5rem;
    background-color:navy;
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contentnyc a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contentnyc a:hover{
    background-color:navy;
    color:goldenrod;
}
.dropdownnyc:hover .dropdown-contentnyc{
    display: block;
}

.dropdownnyc .dropbtnnyc{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid navy;
    background-color: goldenrod;
}
.heading1nyc{
    grid-area:r;
    background-color:goldenrod;
    color:navy;
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
    text-decoration-style:wavy;
}
.contentanyc{
    grid-area:a;
    background-color:goldenrod; 
    color:navy; 
    text-align:center;
}

.country1nyc{
    grid-area:z;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2nyc{
    grid-area:x;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3nyc{
    grid-area:c;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4nyc{
    grid-area:v;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5nyc{
    grid-area:h;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetablenyc{
    grid-area:w;
    background-color:navy;
    text-align: center;
    color:goldenrod;
    border-color:navy;
}

.locationnyc{
    font-size:1.5rem;
    color:goldenrod;
    font-weight:bolder;
}
.wavy {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: navy;
  }
.tdboldnyc{
    color:goldenrod;
}
.table1nyc{
    color:goldenrod;/*ask mrs siegal how to make outline of table the color goldenrod*/
    overflow-x:auto;
}
.tablenyc{
    width:85%;
    border-color:goldenrod;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    
}
.contentbnyc{
    grid-area:b;
    background-color:navy;
    color:goldenrod;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}

/*start of hawaii sub page*/
.titlehawaii{
    grid-area:t; 
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    background-color:rgb(255, 147, 255);
    color:gold;
    border:.25rem gold solid;
    filter: drop-shadow(0 0 0.75rem white);
}
.navbarhawaii{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;
}
.navbarhawaii ul{
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content: center;
}

.navbarhawaii ul li{
    margin-right:.7em;
}
.navbarhawaii ul li a{
    text-decoration: none;
    color:ghostwhite;
    font-weight: bolder;
}

.dropdown-contenthawaii{
    display:none;
    position:absolute;
    width:5rem;
    background-color:rgb(255, 147, 255);
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contenthawaii a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contenthawaii a:hover{
    background-color:rgb(255, 147, 255);
    color:gold;
}
.dropdownhawaii:hover .dropdown-contenthawaii{
    display: block;
}

.dropdownhawaii .dropbtnhawaii{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid rgb(255, 147, 255);
    background-color: gold;
}
.heading1hawaii{
    grid-area:r;
    background-color:gold;
    color:rgb(255, 147, 255);
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
}
.contentahawaii{
    grid-area:a;
    background-color:rgb(255, 168, 255); 
    color:rgb(255, 228, 77); 
    text-align:center;
}
.country1hawaii{
    grid-area:z;
    background-color:rgb(255, 168, 255);
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 228, 77);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2hawaii{
    grid-area:x;
    background-color:rgb(255, 168, 255);
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 228, 77);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3hawaii{
    grid-area:c;
    background-color:rgb(255, 168, 255);
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 228, 77);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4hawaii{
    grid-area:v;
    background-color:rgb(255, 168, 255);
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 228, 77);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5hawaii{
    grid-area:h;
    background-color:rgb(255, 168, 255);
    text-align: center;
    font-size:1.563rem;
    color:rgb(255, 228, 77);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetablehawaii{
    grid-area:w;
    background-color:white;
    text-align: center;
    color:#55ACEE;
}

.locationhawaii{
    font-size:1.5rem;
    color:rgb(255, 168, 255);
    font-weight:bolder;
}
.tdboldhawaii{
    color:rgb(255, 168, 255);
}
.table1hawaii{
    color:rgb(255, 168, 255);/*ask mrs siegal how to make outline of table the color rgb(255, 168, 255)*/
    overflow-x:auto;
}
tablehawaii{
    width:85%;
    border-color:rgb(255, 168, 255);
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    
}
.contentbhawaii{
    grid-area:b;
    background-color:white;
    color:rgb(255, 168, 255);
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
    min-height:20rem;
}
/*start of nyc sub page*/

.navbarnyc{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;
    
}
.navbarnyc ul{
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content:center;
}

.navbarnyc ul li{
    margin-right:.7em;
}
.navbarnyc ul li a{
    text-decoration: none;
    color:ghostwhite;
    font-weight: bolder;
}
.titlenyc{
    grid-area:t;
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    background-color:navy;
    color:goldenrod;
    border:.25rem goldenrod solid;
}

.dropdown-contentnyc{
    display:none;
    position:absolute;
    width:5rem;
    background-color:navy;
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contentnyc a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contentnyc a:hover{
    background-color:navy;
    color:goldenrod;
}
.dropdownnyc:hover .dropdown-contentnyc{
    display: block;
}

.dropdownnyc .dropbtnnyc{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid navy;
    background-color: goldenrod;
}
.heading1nyc{
    grid-area:r;
    background-color:goldenrod;
    color:navy;
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
}
.contentanyc{
    grid-area:a;
    background-color:goldenrod; 
    color:navy; 
    text-align:center;
}
.country1nyc{
    grid-area:z;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2nyc{
    grid-area:x;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3nyc{
    grid-area:c;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4nyc{
    grid-area:v;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5nyc{
    grid-area:h;
    background-color:goldenrod;
    text-align: center;
    font-size:1.563rem;
    color:navy;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetablenyc{
    grid-area:w;
    background-color:goldenrod;
    text-align: center;
    color:navy;
}

.locationnyc{
    font-size:1.5rem;
    color:navy;
    font-weight:bolder;
}
.tdboldnyc{
    color:navy;
}
.table1nyc{
    color:navy;/*ask mrs siegal how to make outline of table the color goldenrod*/
    overflow-x:auto;
}
#tablenyc{
    width:85%;
    border-color:navy;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    
}
.contentbnyc{
    grid-area:b;
    background-color:navy;
    color:goldenrod;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}
/*start of paris sub page*/
.navbarparis{
    background-image:url("../images/navbarimage2.jpg");
    text-transform: uppercase;
    grid-area:m;
    background-color:aquamarine;
    align-items:center;
    color:ghostwhite;
    list-style-type:none;
}
.navbarparis ul{
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    list-style: none;
    display:flex;
    justify-content:center;
}

.navbarparis ul li{
    margin-right:.7em;
}
.navbarparis ul li a{
    text-decoration: none;
    color:ghostwhite;
    font-weight: bolder;
}
.titleparis{
    grid-area:t;
    font-size:2.125rem;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    background-color:rgb(185, 185, 185);
    color:#BFF2E7;
    border:.25rem #BFF2E7 solid;
    filter: drop-shadow(0 0 0.75rem white);
}

.dropdown-contentparis{
    display:none;
    position:absolute;
    width:5rem;
    background-color:rgb(185, 185, 185);
    font-size:.8rem;
    list-style-type:none;
    text-align: center;
}
.dropdown-contentparis a{
    color:black;
    text-decoration:none;
    display:block;
    padding-left:.5rem;
    padding-bottom:2rem;

}
.dropdown-contentparis a:hover{
    background-color:rgb(185, 185, 185);
    color:#BFF2E7;
}
.dropdownparis:hover .dropdown-contentparis{
    display: block;
}

.dropdownparis .dropbtnparis{
    font-size:.8rem;
    width:4.5rem;
    color:black;
    font-family:inherit;
    margin-bottom:.5rem;
    border:.20rem solid rgb(185, 185, 185);
    background-color: #BFF2E7;
}
.heading1paris{
    grid-area:r;
    background-color:#BFF2E7;
    color:rgb(185, 185, 185);
    text-align:center;
    padding:.5rem;
    font-size: 1.75rem;
}
.contentaparis{
    grid-area:a;
    background-color:#BFF2E7; 
    color:rgb(185, 185, 185); 
    text-align:center;
}
.country1paris{
    grid-area:z;
    background-color:#BFF2E7;
    text-align: center;
    font-size:1.563rem;
    color:rgb(185, 185, 185);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country2paris{
    grid-area:x;
    background-color:#BFF2E7;
    text-align: center;
    font-size:1.563rem;
    color:rgb(185, 185, 185);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country3paris{
    grid-area:c;
    background-color:#BFF2E7;
    text-align: center;
    font-size:1.563rem;
    color:rgb(185, 185, 185);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country4paris{
    grid-area:v;
    background-color:#BFF2E7;
    text-align: center;
    font-size:1.563rem;
    color:rgb(185, 185, 185);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.country5paris{
    grid-area:h;
    background-color:#BFF2E7;
    text-align: center;
    font-size:1.563rem;
    color:rgb(185, 185, 185);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.wholetableparis{
    grid-area:w;
    background-color:white;
    text-align: center;
    color:#BFF2E7;
}

.locationparis{
    font-size:1.5rem;
    color:#BFF2E7;
    font-weight:bolder;
}
.tdboldparis{
    color:#BFF2E7;
}
.table1paris{
    color:#BFF2E7;/*ask mrs siegal how to make outline of table the color #BFF2E7*/
    overflow-x:auto;
}
#tableparis{
    width:85%;
    border-color:#BFF2E7;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
}
.contentbparis{
    grid-area:b;
    background-color:rgb(185, 185, 185);
    color:#BFF2E7;
    text-align: center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:1%;
}

@media only screen and (max-device-width:48.75rem){
    html,body{
        padding:0rem;
    }
    h1{
        font-size:1rem;
    }
    h2{
        font-size:1rem;
    }
    h3{
        font-size:1rem;
    }
    h4{
        font-size:1rem;
    }
    h5{
        font-size:rem;
    }
    h6{
        font-size:1rem;
    }
    .title{
        font-size:1rem
    }
    
    
    .navbar ul{
        background-image: url("../images/navbarimage2.jpg");
        background-repeat:no-repeat;
        background-size:cover;
        display:block;
    }
    .navbar ul li{
        margin-right:.7em;
    }
    .navbar ul li a{
        text-decoration: none;
        color:ghostwhite;
        font-weight: bolder;
    }
    .wave{
        font-size:.8rem;
        background-color:transparent;
        border-radius: .8rem;
        color:black;
        cursor:pointer;
        padding:0rem 0rem;
        margin-top:.7rem;
    }
    .dropdown .dropbtn{
        font-size:.5rem;
        width:4rem;
        color:black;
        font-family:inherit;
        margin-bottom:.5rem;
        border:.20rem solid #c8a2c8;
        background-color: rgb(255, 249, 185);
    }
    .heading1{
        grid-area:r;
        background-color:#c8a2c8;
        color:white;
        text-align:center;
        padding:.5rem;
        font-size: .75rem;
    }
    .country1{
        grid-area:z;
        background-color:rgb(255, 249, 185);
        text-align: center;
        font-size:1.563rem;
        color:#c8a2c8;
    }
    .country2{
        grid-area:x;
        background-color:rgb(255, 249, 185); 
        text-align: center;
        font-size:.5rem;
        color:#c8a2c8;
    }
    .country3{
        grid-area:c;
        background-color:rgb(255, 249, 185);
        text-align: center;  
        font-size:5rem;
        color:#c8a2c8;
    }
    .country4{
        grid-area:v;
        background-color:rgb(255, 249, 185);  
        text-align: center;
        font-size:.5rem;
        color:#c8a2c8;
    }
    .country5{
        grid-area:h;
        background-color:rgb(255, 249, 185); 
        text-align: center; 
        font-size:.5rem;
        color:#c8a2c8;
    }
    .footer{
        grid-area:f;
        background-color: #c8a2c8;
        border: .2rem white solid;
        display:block;
        text-align: center;
        align-items: center;
        color:rgb(255, 249, 185);
        font-size:.85rem;
    }
    .footer > ul{
        list-style-type:none;
    }
    .footer>ul>li{
        padding-right:1rem;
        display:flex

    }
    .footer>ul>li>{
        text-decoration: none;
        color:rgb(255, 249, 185);
        margin-left:-.4rem;/*possibly .3 or .5*/
    }
    .titlehawaii{
        font-size:.75rem;
    }
    .navbarhawaii ul{
        display:block;
    }
    .navbarcancun ul{
        display:block;
    }
    .navbarnyc ul{
        display:block;
    }
    .navbargreece ul{
        display:block;
    }
    .navbarparis ul{
        display:block;
    }
    }