section.hero-banner-hat-size .container .content .background{background-position:58% 69%;background-size:200%}@media screen and (min-width:768px){section.hero-banner-hat-size .container .content .background{background-position:60% 78%;background-size:cover}}section.instructions .container .content{padding:0}section.instructions .container .content .grid{display:grid;grid-template-columns:1fr}@media screen and (min-width:1024px){section.instructions .container .content .grid{grid-template-columns:1fr 1fr}}section.instructions .container .content .grid .instruction-title{background-color:#edf1f2;padding:100px 18%;display:flex;flex-direction:column-reverse;align-items:center;text-align:left}@media screen and (min-width:600px){section.instructions .container .content .grid .instruction-title{flex-direction:row}}section.instructions .container .content .grid .instruction-title h2{flex:1}section.instructions .container .content .grid .instruction-title img{width:144px;padding-bottom:2rem}@media screen and (min-width:600px){section.instructions .container .content .grid .instruction-title img{padding-bottom:0;padding-left:1.5rem}}section.instructions .container .content .grid .instructions-image img{width:100%;height:100%;display:block;object-fit:cover}section.instructions .container .content .instructions-slider-container .hat-size-slider{width:82%;margin:0 auto}section.instructions .container .content .instructions-slider-container .hat-size-slider .slide{padding:4rem 0;display:flex;text-align:left;color:#000}@media screen and (min-width:1024px){section.instructions .container .content .instructions-slider-container .hat-size-slider .slide{padding:4rem 7rem}}@media screen and (min-width:1400px){section.instructions .container .content .instructions-slider-container .hat-size-slider .slide{padding:4rem}}section.instructions .container .content .instructions-slider-container .hat-size-slider .slide h3{font-size:1.5rem;margin-bottom:.5rem}section.instructions .container .content .instructions-slider-container .hat-size-slider .slide p:last-child{margin-bottom:0}section.instructions .container .content .instructions-slider-container .hat-size-slider .slide .number{font-size:200px;line-height:80%;font-family:Montserrat,sans-serif;font-weight:700;margin-right:2rem;margin-bottom:0}@media screen and (min-width:1400px){section.instructions .container .content .instructions-slider-container .hat-size-slider .slide-2{border-left:1px dashed gray;border-right:1px dashed gray}}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-dots{margin-top:0;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%)}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav{margin-top:0}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next,section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-prev{position:absolute;top:0;bottom:0;width:80px;display:flex;justify-content:center;align-items:center}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next:hover,section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-prev:hover{background-color:transparent}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next:hover span,section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-prev:hover span{border:2px solid #fff;box-shadow:0 0 0 2px #00233e}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next span,section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-prev span{width:30px;height:30px;background-color:#00233e;border-radius:50%;background-image:url("Left.svg");background-size:cover;background-position:center;background-repeat:no-repeat}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next{right:0}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-next span{transform:rotate(180deg)}section.instructions .container .content .instructions-slider-container .hat-size-slider .owl-nav .owl-prev{left:0}section.size-chart{background-color:#edf1f2}section.size-chart img{width:100%}section.size-chart .chart-landscape{display:none}@media screen and (min-width:1024px){section.size-chart .chart-landscape{display:block}section.size-chart .chart-portrait{display:none}}section.tip{background-color:#e6e2d8;text-align:left}section.tip .container{max-width:925px}section.tip .container .content{display:block}@media screen and (min-width:768px){section.tip .container .content{display:flex}}section.tip .container .content h2{text-align:center;margin-bottom:2rem;font-size:4rem;font-family:Montserrat,sans-serif;font-weight:600}@media screen and (min-width:768px){section.tip .container .content h2{margin-bottom:0}}section.tip .container .content p{color:#000;flex:1;font-size:1.125rem;padding-left:1rem;margin-bottom:0;line-height:160%}section.intro-to-shapes .container .content{padding:0}section.intro-to-shapes .container .content .grid{display:grid;grid-template-columns:1fr}@media screen and (min-width:1024px){section.intro-to-shapes .container .content .grid{grid-template-columns:1fr 1fr}}section.intro-to-shapes .container .content .grid .shapes-image{height:400px;background-size:cover;background-position:center}@media screen and (min-width:1024px){section.intro-to-shapes .container .content .grid .shapes-image{height:auto}}section.intro-to-shapes .container .content .grid .shapes-copy{padding:100px 18%;text-align:left}section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom{display:flex;flex-direction:column-reverse;align-items:center}@media screen and (min-width:768px){section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom{flex-direction:row}}section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .left{width:100%;margin:0 auto}@media screen and (min-width:768px){section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .left{width:50%}}section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .left p{font-size:1.125rem;margin-bottom:2.5rem}section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .right{width:100%;margin:0 auto;margin-bottom:2rem}@media screen and (min-width:768px){section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .right{width:50%;margin-bottom:0}}section.intro-to-shapes .container .content .grid .shapes-copy .shapes-copy-bottom .right img{width:100%}
/*# sourceMappingURL=/s/files/1/0554/3988/4465/t/6/assets/customstyles_find-my-hat-size.scss.css.map?v=13563194710188093050 */