body {padding:0;margin:0;background:#FFFFFF;font-family:'open Sans',sans-serif;}

#winSize {position:absolute;top:0;left:0;z-index:5000;font-size:0.75em;display:'';color:yellow;display:none;}

#header {background-image: url('../images/minkpixel.png');background-repeat:repeat;width:100%;height:120px;padding:0px;top:0px;left:0px;margin-bottom:0px;}
#lefthead {float:left;width:65%;height:100px;border:0px solid silver;}
#midhead {float:right;width:15%;height:100px;padding-top:20px;text-align:center;border:0px solid silver;}
#righthead {float:right;width:15%;height:100px;padding-top:20px;text-align:right;padding-right:15px;border:0px solid silver;}

#logohead {width:100%;max-width:600px;height:auto;max-height:100px;margin:0px;}

.buttoncataw {background-color:#599691;color:#FFFFFF;border-radius:6px;text-align:center;padding:5px;margin:4px;display:block;max-width:200px;cursor:pointer;}
.buttoncatss {background-color:#ef79e3;color:#FFFFFF;border-radius:6px;text-align:center;padding:5px;margin:4px;display:block;max-width:200px;cursor:pointer;}

#underhead {width:90%;margin:0 auto;display:none;text-align:center;}

#ranges {width:95%;margin:0 auto;display:'';text-align:center;}
.buttonrange {background-color:#867772;color:#FFFFFF;border-radius:6px;text-align:center;padding:5px;margin:5px;max-width:100px;cursor:pointer;display:inline-block;}
.buttonactive {background-color:#ff66cc;color:#FFFFFF;border-radius:6px;text-align:center;padding:5px;margin:5px;max-width:100px;cursor:pointer;display:inline-block;}

#justbeu {width:100%;height:auto;margin:0px;}
#featured {width:100%;height:auto;margin:0px;}

.container {width:95%;}

.clear {clear:both;}

a.hamburger i {color:white;cursor:pointer;padding-right:10px;font-size:3.5vw;}
a.basket i {color:white;cursor:pointer;padding-right:40px;font-size:3.5vw;}

.fancy {width:100%;text-align:center;font-family:'Tangerine',serif;font-size:9.5vw;}

.flag {width:100%;height:auto;margin-bottom:0px;}
.g {float:left;width:33%;height:10px;background-color:green;border-top:1px solid silver;border-bottom:1px solid silver;}
.w {float:left;width:34%;height:10px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;}
.r {float:left;width:33%;height:10px;background-color:red;border-top:1px solid silver;border-bottom:1px solid silver;}

#maintext {width:80%;margin:0 auto;}

.strapline {text-align:center;font-family:'Caveat', cursive;font-size:5.5vw;}
.splurge {text-align:justify;font-size:3vw;padding:20px;font-size:2vw;}

#copyright {text-align:center;font-size:1vw;}

#footer {background-image: url('../images/minkpixel.png');background-repeat:repeat;width:100%;height:auto;padding:10px;bottom:0px;left:0px;border-top:1px solid silver;margin-top:10px;color:white;}

.col-xs-12, .col-sm-6, .col-md-6, .col-lg-4 {text-align:center;padding:15px;}



.lifestyle {width:100%;max-width:800px;height:auto;max-height:800px;margin:0px;cursor:pointer;}
.styleimg {width:80%;height:auto;margin-top:50px;cursor:pointer;border-bottom:1px solid silver;}
.stylelea {position:absolute;top:90px;right:10px;width:80px;}
.stylezip {position:absolute;top:170px;right:10px;width:80px;}
.stylemem {position:absolute;top:250px;right:10px;width:80px;}

.stylename {position:absolute;top:0px;left:10px;text-align:left;font-family:'Tangerine',serif;font-size:4vw;}
.styledesc {width:100%;text-align:left;font-family:'Caveat',cursive;font-size:1.8vw;}
.styleprice {position:absolute;top:10px;right:10px;background-color:#ff66cc;color:#FFFFFF;border-radius:6px;text-align:center;padding:5px;margin:5px;display:inline-block;font-size:2vw;}
.stylesize {font-size:1vw;}
.styleart {position:absolute;bottom:10px;right:10px;width:100%;text-align:right;font-size:1w;}


 /* Remove default bullets and add a pink heart */
ul.features {list-style: none;}
ul.features li::before {content: "\2764";color: #ff66cc;font-weight: bold;display: inline-block;width: 2em;margin-left: 0em;}




.navi {overflow:hidden;background-color:silver;position:relative;}
.navi #links {display:none;}
.navi a {color:white;padding:14px 16px;text-decoration:none;font-size:1vw;display:block;font-size:1vw;border-bottom:1px solid white;}
.navi a:hover {background-color:#dddddd;color:black;}









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

a.hamburger i  {font-size:5vw;padding-right:10px;}
a.basket i  {font-size:5vw;padding-right:20px;}

#logohead {width:100%;}
#lefthead {width:65%;}
#righthead {width:30%}

/* REMOVE THE CAT BUTTONS FROM THE MIDDLE HEADER AND DISPLAY THEN IN THE UNDERNEATH DIV */
#midhead {display:none;}
#underhead {display: block;}
.buttoncataw {display:inline-block;margin-top:10px;}
.buttoncatss {display:inline-block;margin-top:10px;}

.stylename {font-size:5vw;}
.styledesc {font-size:2.5vw;}
.styleprice {font-size:2vw;}
.stylesize {font-size:1.5vw;}
.styleart {font-size:1.5w;}

.g, .w, .r {height:8px;}

.navi a {font-size:2vw;}

#maintext {width:90%}

.splurge {padding:10px;font-size:3vw;}

#copyright {font-size:2vw;}

}





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

#header {height:110px;padding-top:10px;}
#lefthead, #midhead, #righthead {height:60px;}

.stylename {font-size:6vw;}
.styledesc {font-size:3.5vw;}
.styleprice {font-size:2.5vw;}
.stylesize {font-size:2vw;}
.styleart {font-size:2w;}

}



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

#header {height:100px;padding-top:10px;}
#lefthead, #midhead, #righthead {height:60px;}

.navi a {font-size:3vw;}

#maintext {width:95%}


.stylename {font-size:7vw;}
.styledesc {font-size:4vw;}
.styleprice {font-size:3vw;}
.stylesize {font-size:2.5vw;}
.styleart {font-size:2.5w;}


}





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

#header {height:80px;padding-top:10px;}
#lefthead, #midhead, #righthead {height:60px;}

.stylename {font-size:8vw;}
.styledesc {font-size:5vw;}
.styleprice {font-size:3.5vw;}
.stylesize {font-size:3vw;}
.styleart {font-size:3w;}

}