/*--hello bellowahwahwah-*/

body{
    margin: 0;
}

/*--------- MAIN DIV/BACKGROUND-----------*/

.bggradient{
    width:100vw;
    height: 110vh;
    background: #494949;
    background: linear-gradient(180deg,rgba(73, 73, 73, 1) 0%, rgba(97, 97, 95, 1) 39%, rgba(112, 113, 113, 1) 100%);
}

.homebanner{
    width:100vw;
    height: 50px;
    position: relative;
}

.homebanner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d28b31;
    transform-origin: top;
    transform: scaleY(1);
    transition: transform 0.3s ease;
    z-index: 0;
}

.homebanner:hover::before{
    transform: scaleY(1.9);
}

ul.menu{
    position:fixed;
    top: 20px;
    left: 200px;
    z-index: 1;
    margin: 15px auto 0 auto; 
    padding: 0;
    display: table; 
}

ul.menu li{
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.homebanner:hover ul.menu li{
    opacity: 1;
    transform: translateY(0);
}

li.reg{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: rgb(211, 210, 214)
}

li.varione{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: #d28b31;
    background-color: rgb(211, 210, 214);
    border-radius: 20px;
}

li.varitwo{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: rgb(211, 210, 214);
    border: 2px solid rgb(211, 210, 214);
    border-radius: 20px;
}

.homehero{
    width:94vw;
    height: 900px;
    margin: 20px auto 0 auto;
    border: 0 dashed #fb0000
}

.homeheadercontainer{
    width:93vw;
    height: 105px;
    margin: 5px auto 5px auto;
    border: 0 solid #00d5fb;
    background-image: url(../images/exhibit-title.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}


.extitle


.homeherocontainer{
    width:93vw;
    height: 740px;
    margin: 5px auto 5px auto;
    border: 0 solid #00d5fb;
}

ul.menu{
    margin:0;
}

/*---------INTERNAL PAGE MENU SETTINGS-----------------*/

.intbggradient{
    width:100vw;
    height: 100vh;
    background: #515559;
    background: linear-gradient(182deg,rgba(81, 85, 89, 1) 8%, rgba(249, 249, 248, 1) 100%);
}

.inthomebanner{
    width:100vw;
    height: 50px;
    position: relative;
    z-index: 5;
}

.inthomebanner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #cccfd1;
    transform-origin: top;
    transform: scaleY(1);
    transition: transform 0.3s ease;
    z-index: 5;
}

.inthomebanner:hover::before{
    transform: scaleY(1.9);
}

ul.intmenu{
    position:fixed;
    top: 20px;
    left: 200px;
    z-index: 5;
    margin: 15px auto 0 auto; 
    padding: 0;
    display: table; 
}

ul.intmenu li{
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.inthomebanner:hover ul.intmenu li{
    opacity: 1;
    transform: translateY(0);
}

li.intreg{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: #707477;
}

li.intvarione{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: #707477;
    background-color: #cccfd1;
    border: 2px solid #707477;
    border-radius: 20px;
}

li.intvaritwo{
    display: inline-block;
    margin: 0 22px 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 18pt;
    color: #cccfd1;
    background-color: #707477;
    border: 2px solid #cccfd1;
    border-radius: 20px;
}

.inthero{
    width:99.9vw;
    height: 900px;
    margin: 20px auto 0 auto;
    border: 0 dashed #fb0000;
    background-image: url(../images/int-bg-img.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.int-metlogo{
    width: 7vw;
    height: 7vw;
    position: fixed;
    top: 80px;
    left: 4.5vw;
    border: 0px dashed #00d5fb;
    background-image: url(../images/int-met-logo.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 2;

}

ul.intmenu{
    margin:0;
}

/*-------------------------START CONTAINERS FOR ROWS------------------------*/


.tri1{
    width: 635px;
    height: 380px;
    margin: 1px 1px 1px 15px;
    float:left;
    border: 0 solid #fb0000;
}

.mid1{
    width:288px;
    height:380px;
    margin:1px 1px 1px 1px;
    float:left;
    border: 0 dashed #00d5fb;
}

.sneakymetlogo{
    display:none;
}

.tri2{
    width: 635px;
    height: 380px;
    margin: 1px 3px 1px 15px;
    float:left;
    border: 0 solid #fb0000;
}

.tri3{
    width: 635px;
    height: 380px;
    margin: 15px 1px 1px 15px;
    float:left;
    border: 0 solid #fb0000;
}

.mid2{
    width:288px;
    height:370px;
    margin:48px 1px 1px 1px;
    float:left;
    border:0 dashed #00d5fb;
}

.tri4{
    width: 635px;
    height: 380px;
    margin: 15px 1px 1px 15px;
    float:left;
    border: 0 solid #fb0000;
}

/*--------------------------START ROW 1------------------------*/


.row1col1{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 3px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row1col2{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress2.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row1col3{
    width: 190px;
    height: 378px;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress3.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    
}
.centerdress{
    width: 280px;
    height: 378px;
    margin: 1px 10px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress4.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row1col5{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress5.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row1col6{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress6.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row1col7{
    width: 190px;
    height: 378px;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row1-dress7.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

/*---------------------START ROW 2-----------------------*/

.row2col1{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 3px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row2col2{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress2.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row2col3{
    width: 190px;
    height: 378px;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress3.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row2col4{
    width: 280px;
    height: 320px;
    margin: 10px px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/met-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.exhibitdate{
    width: 280px;
    height: 40px;
    float:left;
    border: 0 solid #3300ff;
    background-image: url(../images/exhibit-date.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;

}
.row2col5{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress4.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row2col6{
    width: 190px;
    height: 378px;
    margin: 1px 25px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress5.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}
.row2col7{
    width: 190px;
    height: 378px;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
    background-image: url(../images/row2-dress6.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

/*-------------------- MEDIA QUERY -------------------*/

@media only screen and (max-width:1690px) {

/*-------- BACKGROUND & SNEAKY SHIT-----------*/

.mid2{display: none;}
.row2col4{display: none;}

.bggradient{
    width:100vw;
    height: 158vw;
    background: #494949;
    background: linear-gradient(180deg,rgba(73, 73, 73, 1) 2%, rgba(97, 97, 95, 1) 24%, rgba(112, 113, 113, 1) 52%, rgba(97, 97, 95, 1) 80%, rgba(73, 73, 73, 1) 100%);
}

ul.menu{
    position:fixed;
    top: 13px;
    left: 6vw;
    z-index: 1;
    margin: 15px 0 0 0; 
    padding: 0;
    display: table; 
}

li.reg{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: rgb(211, 210, 214)
}

li.varione{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: #d28b31;
    background-color: rgb(211, 210, 214);
    border-radius: 20px;
}

li.varitwo{
    display: inline-block;
    margin: 0 1.1vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: rgb(211, 210, 214);
    border: 2px solid rgb(211, 210, 214);
    border-radius: 20px;
}

.homeherocontainer{
    width:93vw;
    height: 138vw;
    margin: 5px auto 5px auto;
    border: 0 solid #00d5fb;
}

.mid1{
    width:30vw;
    height:68vw;
    margin:1px 1px 1px 1px;
    float:right;
    border: 0 dashed #00d5fb;
    position: sticky;
    top: 20px;
}

.centerdress{
    width: 28vw;
    height: 33vw;
    margin: 1px 10px 1px 1px;
    border: 0 solid #00fb32;
    float:right;
}

.metspacer{
    width: 6vw;
    height: 15vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float: left
}

.sneakymetlogo{
    width: 15vw;
    height: 15vw;
    margin: 5px 10px 1px 1px;
    border: 0 solid #00fb32;
    
    float:left;
    display:block;
    background-image: url(../images/met-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.homeheadercontainer{
    width:93vw;
    height: 90px;
    margin: 5px auto 5px auto;
    border: 0 solid #00d5fb;
}




/*----------------------CONTAINER + 1st 3 PNGs-----------------*/

.tri1{
    width: 62vw;
    height: 34vw;
    margin: 1px 1px 1px 1px;
    float:left;
    border: 0 solid #fb0000;
}

.row1col1{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 5px;
    border: 0 solid #00fb32;
    float:left;
}
.row1col2{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}
.row1col3{
    width: 19vw;
    height: 33vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}

/*----------------------CONTAINER + 2nd 3 PNGs-----------------*/

.tri2{
    width: 62vw;
    height: 34vw;
    margin: 1px 1px 1px 1px;
    float:left;
    border: 0 solid #fb0000; 
}

.row1col5{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 5px;
    border: 0 solid #00fb32;
    float:left;
}
.row1col6{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}
.row1col7{
    width: 19vw;
    height: 33vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}

/*----------------------CONTAINER + 3rd 3 PNGs-----------------*/

.tri3{
    width: 62vw;
    height: 34vw;
    margin: 1px 1px 1px 1px;
    float:left;
    border: 0 solid #fb0000;
}

.row2col1{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 5px;
    border: 0 solid #00fb32;
    float:left;
}
.row2col2{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}
.row2col3{
    width: 19vw;
    height: 33vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}

/*----------------------CONTAINER + 4th 3 PNGs-----------------*/

.tri4{
        width: 62vw;
    height: 34vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #fb0000;
    float:none;
    display:block;
    clear: both;
}

.row2col5{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 5px;
    border: 0 solid #00fb32;
    float:left;
}
.row2col6{
    width: 19vw;
    height: 33vw;
    margin: 1px 20px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}
.row2col7{
    width: 19vw;
    height: 33vw;
    margin: 1px 1px 1px 1px;
    border: 0 solid #00fb32;
    float:left;
}

}

/*----------------------INTERNAL MENU MINI MEDIA QUERY--------------*/



@media only screen and (max-width:1475px) {
    .inthomebanner:hover::before{
    transform: scaleY(2.8);
}

}

/* ---------INTERNAL PAGE MEDIA QUERY 1st BREAK-----------------*/

@media only screen and (max-width:1300px) {



ul.intmenu{
    position:fixed;
    top: 20px;
    left: 100px;
    z-index: 5;
    margin: 15px auto 0 auto; 
    padding: 0;
    display: table; 
}


li.intreg{
    display: inline-block;
    margin: 0 .8vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 16pt;
    color: #707477;
}

li.intvarione{
    display: inline-block;
    margin: 0 .8 vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 16pt;
    color: #707477;
    background-color: #cccfd1;
    border: 2px solid #707477;
    border-radius: 20px;
}

li.intvaritwo{
    display: inline-block;
    margin: 0 .8vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 16pt;
    color: #cccfd1;
    background-color: #707477;
    border: 2px solid #cccfd1;
    border-radius: 20px;
}

.inthero{
    width:99.9vw;
    height: 900px;
    margin: 40px auto 0 auto;
    border: 0 dashed #fb0000;
    background-image: url(../images/int-bg-img-tablet.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.int-metlogo{
    width: 8.5vw;
    height: 8.5vw;
    position: fixed;
    top: 75px;
    left: 82.5vw;
    border: 0px dashed #00d5fb;
    background-image: url(../images/int-met-logo.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 2;

}

ul.intmenu{
    margin:0;
}

}

/*-----------------------TABLET QUERY----------------------*/

@media only screen and (max-width:1100px) {

    .tri1{display:none;}
    .tri2{display:none;}
    .tri3{display:none;}
    .tri4{display:none;}
    .sneakymetlogo{display:none;}
    .mid1{display:none;}

.bggradient{
    background: #494949;
    background: linear-gradient(180deg,rgba(73, 73, 73, 1) 2%, rgba(97, 97, 95, 1) 24%, rgba(112, 113, 113, 1) 52%, rgba(97, 97, 95, 1) 80%, rgba(73, 73, 73, 1) 100%);
    height: 345vw;
}

.homebanner:hover::before{
    transform: scaleY(2.8);
}

ul.menu{
    position:fixed;
    top: 10px;
    left: 3vw;
    z-index: 1;
    margin: 15px 0 0 0; 
    padding: 0;
    display: table; 
}

li.reg{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: rgb(211, 210, 214)
}

li.varione{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: #d28b31;
    background-color: rgb(211, 210, 214);
    border-radius: 20px;
}

li.varitwo{
    display: inline-block;
    margin: 0 1.1vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 15pt;
    color: rgb(211, 210, 214);
    border: 2px solid rgb(211, 210, 214);
    border-radius: 20px;
}

    .mobiledate{
        width: 80vw;
        height:4vw;
        border: 0 solid #e8e815;
        margin: 0 0 0 20px;
        background-image: url(../images/exhibit-date.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }

    

    .homeheadercontainer{
    width:93vw;
    height: 20vw;
    margin: 1px auto 5px auto;
    border: 0 solid #00d5fb;
    background-image: url(../images/mobile-exhibit-title.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    }

    .mobilemetlogo{
        width: 10vw;
        height: 10vw;
        float: right;
        border: 0 dashed #fb0000;
        background-image: url(../images/met-logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }

    .tallcontainer1{
        width: 26vw;
        height: 300vw;
        border: 0 solid #fb0000;
        margin: 1px 0 0 1px;
        display: inline-block;
        background-image: url(../images/tall-row1.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
        
    }

    .tallcontainer2{
        width: 26vw;
        height: 300vw;
        border: 0 solid #fb0000;
        margin: 1px 1px 0 0;
        display: inline-block;
        background-image: url(../images/tall-row2.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }
    
    .mobilecentercontainer{
        width: 37vw;
        height:300vw;
        border: 0 dotted #3300ff;
        display: inline-block;
        }

    .mobilecenterdress{
        width:36vw;
        height:49vw;
        border: 0 dashed #acfe20;
        position: sticky;
        top: 30px;
        background-image: url(../images/row1-dress4.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }

}

/*-------------INTERNAL TABLET QUERY------------*/

@media only screen and (max-width:750px) {


ul.intmenu{
    position:fixed;
    top: 20px;
    left: 3vw;
    z-index: 5;
    margin: 15px auto 0 auto; 
    padding: 0;
    display: table; 
}


li.intreg{
    display: inline-block;
    margin: 0 .8vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: #707477;
}

li.intvarione{
    display: inline-block;
    margin: 0 .8 vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: #707477;
    background-color: #cccfd1;
    border: 2px solid #707477;
    border-radius: 20px;
}

li.intvaritwo{
    display: inline-block;
    margin: 0 .8vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: #cccfd1;
    background-color: #707477;
    border: 2px solid #cccfd1;
    border-radius: 20px;
}

.inthero{
    width:99.9vw;
    height: 900px;
    margin: 20px auto 0 auto;
    border: 0 dashed #fb0000;
    background-image: url(../images/int-bg-img-mobile.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.int-metlogo{
    width: 23vw;
    height: 23vw;
    position: fixed;
    top: 75px;
    left: 70vw;
    border: 0px dashed #00d5fb;
    background-image: url(../images/int-met-logo.png);
    background-size:cover;
    background-repeat: no-repeat;
    z-index: 2;

}

ul.intmenu{
    margin:0;
}

}

/*------------------------PHONE QUERY-----------------*/

@media only screen and (max-width:530px){

    .tri1{display:none;}
    .tri2{display:none;}
    .tri3{display:none;}
    .tri4{display:none;}
    .sneakymetlogo{display:none;}
    .mid1{display:none;}
    .mobilecenterdress{display:none;}
    .mobilecentercontainer{display:none;}

    .bggradient{
    background: #494949;
    background: linear-gradient(180deg,rgba(73, 73, 73, 1) 2%, rgba(97, 97, 95, 1) 24%, rgba(112, 113, 113, 1) 52%, rgba(97, 97, 95, 1) 80%, rgba(73, 73, 73, 1) 100%);
    height: 630vw;
    }

    ul.menu{
    position:fixed;
    top: 10px;
    left: 3vw;
    z-index: 1;
    margin: 15px 0 0 0; 
    padding: 0;
    display: table; 
}

li.reg{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: rgb(211, 210, 214)
}

li.varione{
    display: inline-block;
    margin: 0 1.3vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: #d28b31;
    background-color: rgb(211, 210, 214);
    border-radius: 20px;
}

li.varitwo{
    display: inline-block;
    margin: 0 1.1vw 0 0;
    padding: 10px;
    font-family: houschka-rounded, sans-serif;
    font-size: 12pt;
    color: rgb(211, 210, 214);
    border: 2px solid rgb(211, 210, 214);
    border-radius: 20px;
}

    .mobiledate{
        width: 80vw;
        height:4vw;
        border: 0 solid #e8e815;
        margin: 0 0 0 10px;
        background-image: url(../images/exhibit-date.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }

    .homeheadercontainer{
    width:93vw;
    height: 20vw;
    margin: 5px auto 5px auto;
    border: 0 solid #00d5fb;
    }

    .dressfinalform{
        width: 60vw;
        height: 80vw;
        border: 0 solid #ffff00;
        margin: 1px auto 1px auto;
        background-image: url(../images/row1-dress4.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
    }

    .tallcontainer1{
        width: 42vw;
        height: 500vw;
        border: 0 solid #fb0000;
        margin: 40px 5px 0 15px;
        display: inline-block;
        
    }

    .tallcontainer2{
        width: 42vw;
        height: 500vw;
        border: 0 solid #fb0000;
        margin: 1px 1px 0 5px;
        display: inline-block;
    
    }
    

}