h1,h2,h3,h4{text-align:center}h2.serif{font-size:1.8em!important}h4{font-family:Lora,Times,serif!important;font-style:italic!important;text-transform:none!important}h3{font-size:1.2em!important}h4{font-size:1.1em!important}.size-box{border:1px solid #efefef;text-align:center;cursor:pointer;padding:7px;margin:7px;font-size:0.9em;background-color:#fff}.size-box.selected{border:1px solid #222;color:#fff;background-color:#000}.color-box{border:1px solid #efefef;text-align:center;cursor:pointer;display:inline-block;padding:7px;margin:4px;font-size:0.9em;background-color:#fff}.color-box.selected{border:1px solid #222;color:#000;background-color:#fff}.text-uppercase{text-transform:uppercase}.swatch-box{display:inline-block;width:15px;height:15px;border-radius:50%;top:3px;position:relative;margin-right:5px}.loop-pos{top:20px;position:absolute}.loop-left-1{left:-5%;width:100px}.loop-left-2{left:5%;width:100px}.loop-left-3{left:15%;width:100px}.loop-left-4{left:25%;width:100px}.loop-right-1{right:-5%;width:100px}.loop-right-2{right:5%;width:100px}.loop-right-3{right:15%;width:100px}.loop-right-4{right:25%;width:100px}.loop-center{left:calc(50% - 125px);z-index:99;max-width:250px}.size-pos{left:5%;top:175px}.color-pos{left:65%;top:175px;width:35%;font-size:0.8em}.padLoop{height:550px}@media only screen and (min-width:700px){.loop-left-1{left:-5%;width:auto}.loop-left-2{left:5%;width:auto}.loop-left-3{left:15%;width:auto}.loop-left-4{left:25%;width:auto}.loop-right-1{right:-5%;width:auto}.loop-right-2{right:5%;width:auto}.loop-right-3{right:15%;width:auto}.loop-right-4{right:25%;width:auto}.loop-center{left:calc(50% - 260px);max-width:525px}.size-pos{left:15%;top:475px}.color-pos{top:475px;font-size:1em}.padLoop{height:700px}}