html,body{text-align:center;width:100%;margin:0 0 0 0;background-color:#fff}.container{background-repeat:no-repeat;background-position:center;max-width:100%;min-height:100vh;margin:0 auto;overflow:hidden}.container[data-tag]:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:attr(data-tag);display:block;width:110vw;position:fixed;top:50vh;left:-5vw;font-size:3rem;padding:2rem 3rem;background-color:#83674a;color:#fff;-webkit-transform:rotate(-7deg);transform:rotate(-7deg);font-family:Arial,Helvetica,sans-serif;opacity:.9;text-transform:uppercase;letter-spacing:10px;font-weight:600}.container>img{width:100%}body.multiple .container figure,body.multiple .container input[type=radio]{display:none}body.multiple .container input[type=radio]:checked+figure{display:block;margin:0;padding:0;width:100%}body.multiple .container input[type=radio]:checked+figure img{width:100%}body.multiple .container .col_switch{position:fixed;top:50%;right:0;list-style:none;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;width:1rem;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#83674a;padding:6px 0 6px 8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:width .2s ease-in 0s;transition:width .2s ease-in 0s;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem;border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-animation-name:colswitchin;animation-name:colswitchin;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s}body.multiple .container .col_switch:hover{width:4rem}body.multiple .container .col_switch li{display:block;height:2rem;width:2rem}body.multiple .container .col_switch li label{display:block;width:100%;height:100%;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}body.multiple .container .col_switch li label:hover{border:1px solid #fff}@-webkit-keyframes colswitchin{0%{width:4rem}95%{width:4rem}100%{width:1rem}}@keyframes colswitchin{0%{width:4rem}95%{width:4rem}100%{width:1rem}}