/**
 * RESET
 */

 body {
    margin: 0px;
    padding: 0px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

/**
 * VOLCA POWER
 */

.volca-container {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.volca {
    position: absolute;
    width: 193mm;
    height: 115mm;
    background-color: #E6E6E8;
    border-radius: 12px;
    box-shadow: 13px 13px 20px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 13px 13px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 13px 13px 20px 0px rgba(0,0,0,0.75);
}

.volca-border {
    position: absolute;
    top: 7px; right: 8px; bottom: 7px; left: 8px;
    border-color: #A3A3A0;
    border-style: solid;
    border-width: 1.5px;
    border-radius: 6px;
}

.volca-section {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

.volca-power {
    position: relative;
    border-bottom: 1.25px solid #878C8B;
    height: 92px;
}

.volca-power-label {
    position: absolute;
    top: 7px;
    text-transform: uppercase;
    color: #A0A2A1;
    font-size: 8.5px;
    font-family: arial;
    font-weight: bold;
}

.volca-power .volca-knob, .volca-controls .volca-knob {
    position: absolute;
    width: 11px;
    height: 11px;
    border: 1px solid #5A605F;
    border-radius: 11px;
    background-color: #D9DBD8;
    z-index: 1;
}

.volca-power .volca-knob.volca-knob-top-left {
    top: 12px;
    left: 10px;
}

.volca-power .volca-knob.volca-knob-top-right {
    top: 12px;
    right: 10px;
}

.volca-power .volca-knob .volca-knob-dot,
.volca-controls .volca-knob .volca-knob-dot {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width: 3px;
    background-color: #575E5A;
    border-radius: 3px;
    transform: translateY(-100%);
}

.volca-power .volca-power-icon {
    position: absolute;
    left: 43px;
    top: 5px;
    width: 14px;
    background-image: url(../images/power.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
}

.volca-power .volca-power-button {
    position: absolute;
    top: 26px;
    left: 37px;
    width: 26px;
    height: 26px;
    border: 1px solid #5A605F;
    border-radius: 26px;
    background-color: #D9DBD8;
}

.volca-power .volca-power-cord-label {
    left: 74px;
}

.volca-power .volca-power-input {
    position: absolute;
    top: 22px;
    left: 86px;
    width: 36px;
    height: 36px;
    border: 1px solid #5A605F;
    border-radius: 36px;
    background-color: #272727;
}

.volca-power .volca-power-input-dot {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 19px;
    height: 19px;
    border-radius: 19px;
    background-color: #070605;
}

.volca-power .volca-mini-in-label {
    right: 209px;
}

.volca-power .volca-midi-in {
    position: absolute;
    top: 22px;
    right: 191px;
    width: 65px;
    height: 65px;
    border: 1px solid #A5A7A5;
    border-radius: 65px;
}

.volca-power .volca-midi-in-inner {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 57px;
    height: 57px;
    border: 1px solid #A5A7A5;
    border-radius: 57px;
}

.volca-power .volca-midi-in-input-outer {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 53px;
    height: 53px;
    border-radius: 53px;
    background-color: #070605;
}

.volca-power .volca-midi-in-input-inner {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 47px;
    height: 47px;
    border-radius: 47px;
    background-color: #1D1C1C;
}

.volca-power .volca-sync-in-label {
    right: 105px;
}

.volca-power .volca-sync-in,
.volca-power .volca-sync-out,
.volca-power .volca-headphone-input {
    position: absolute;
    width: 31px;
    height: 31px;
    border-radius: 36px;
    background-color: #181819;
}

.volca-power .volca-sync-in {
    top: 23px;
    right: 142px;
}

.volca-power .volca-sync-out {
    top: 23px;
    right: 97px;
}

.volca-power .volca-headphones-icon {
    position: absolute;
    right: 62px;
    top: 6px;
    width: 11px;
    background-image: url(../images/headphones.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
}

.volca-power .volca-headphone-input {
    top: 23px;
    right: 52px;
}

.volca-power .volca-sync-in-input {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 15px;
    height: 15px;
    border-radius: 21px;
    border-color: #353637;
    border-width: 1px;
    border-style: solid;
}

.volca-power .volca-korg-logo {
    position: absolute;
    left: 25px;
    top: 64px;
    width: 64px;
    background-image: url(../images/korg.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
}

.volca-power .volca-sample-label {
    position: absolute;
    left: 109px;
    top: 56px;
    color: #EF383B;
    font-size: 17.5px;
    font-weight: bold;
}

.volca-power .volca-digital-sample-sequencer-label {
    position: absolute;
    left: 109px;
    top: 76px;
    color: #C27D80;
    font-size: 8.8px;
    text-transform: uppercase;
}

.volca-image {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 193mm;
    height: 115mm;
    margin: auto;
    transform: translateY(-60%);
}

.volca-image img {
    width: 193mm;
    height: 115mm;
}

/**
 * VOLCA CONTROLS SECTION
 */

 .volca-controls {
    position: relative;
    border-bottom: 1.25px solid #878C8B;
    height: 182px;
}

.volca-controls .volca-knob.volca-knob-bottom-left {
    bottom: 4px;
    left: 9px;
}

.volca-controls .volca-knob-inner {
    border-radius: 11px;
    width: 10px;
    height: 10px;
    position: absolute;
    border: 1px solid #5A605F;
    top: 0px;
    left: 0px;
    background-color: #A6AFB0;
}

.volca-controls .volca-knob.volca-knob-bottom-right {
    bottom: 4px;
    right: 9px;
    border: 3px solid #E6E6E8;
}

.volca-controls .volca-controls-label {
    position: absolute;
    text-transform: uppercase;
    color: #A0A2A1;
    font-size: 8px;
    font-family: arial;
    font-weight: bold;
}

.volca-controls .volca-analogue-isolator-label {
    top: 7px;
    left: 44px;
}

.volca-controls .volca-bass-label {
    top: 23px;
    left: 35px;
}

.volca-controls .volca-treble-label {
    top: 23px;
    left: 116px;
}

.volca-controls .volca-controls-knob {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background-color: #848889;
}

.volca-controls .volca-controls-bass-knob {
    top: 48px;
    left: 20px;
}

.volca-controls .volca-controls-treble-knob {
    top: 48px;
    left: 108px;
}

.volca-controls .volca-bpm-container {
    position: absolute;
    top: 110px;
    left: 29px;
    width: 119px;
    height: 59px;
    background-color: #5F4E57;
    border-radius: 3px;
}

.volca-controls .volca-bpm-digit-box {
    position: absolute;
    top: 10px;
    left: 3px;
    width: 111px;
    height: 41px;
    background-color: #1D1819;
    border-radius: 3px;
}

.volca-controls .volca-step-container {
    position: absolute;
    top: 0px;
    left: 170px;
    width: 256px;
    height: 177px;
    background-color: #878C8B;
}

.volca-controls .volca-step-knob-black {
    position: absolute;
}

.volca-controls .volca-step-knob-sample {
    top: 8px;
    left: 10px;
}

.volca-controls .volca-step-knob-black .volca-step-knob-label,
.volca-controls .volca-step-knob-lighted .volca-step-knob-label,
.volca-controls .volca-step-label {
    position: relative;
    color: #10110E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.volca-controls .volca-step-knob-black .volca-step-knob,
.volca-controls .volca-step-knob-lighted .volca-step-knob {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 25px;
}

.volca-controls .volca-step-knob-black .volca-step-knob-label {
    position: relative;
    top: 0px;
    left: 2px;
}

.volca-controls .volca-step-knob-black .volca-step-knob {
    left: 6px;
    top: 4px;
    background-color: #1E1F1F;
}

.volca-controls .volca-step-knob-lighted {
    position: absolute;
}

.volca-controls .volca-step-knob-lighted .volca-step-knob {
    left: 6px;
    top: 4px;
    background-color: #FFA0A2;
}

.volca-controls .volca-step-knob-start-point {
    top: 8px;
    left: 76px;
}

.volca-controls .volca-step-knob-start-point .volca-step-knob-label {
    top: 0px;
    left: -8px;
}

.volca-controls .volca-step-knob-length {
    top: 8px;
    left: 142px;
}

.volca-controls .volca-step-knob-length .volca-step-knob-label {
    top: 0px;
    left: 2px;
}

.volca-controls .volca-step-knob-hi-cut {
    top: 8px;
    left: 208px;
}

.volca-controls .volca-step-knob-hi-cut .volca-step-knob-label {
    top: 0px;
    left: 5px;
}

.volca-controls .volca-step-knob-speed {
    top: 59px;
    left: 10px;
}

.volca-controls .volca-step-knob-speed .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-eg-int {
    top: 59px;
    left: 76px;
}

.volca-controls .volca-step-knob-eg-int .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-attack-1 {
    top: 59px;
    left: 142px;
}

.volca-controls .volca-step-knob-attack-1 .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-decay-1 {
    top: 59px;
    left: 208px;
}

.volca-controls .volca-step-knob-decay-1 .volca-step-knob-label {
    top: 0px;
    left: 5px;
}

.volca-controls .volca-step-knob-level {
    top: 110px;
    left: 10px;
}

.volca-controls .volca-step-knob-level .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-pan {
    top: 110px;
    left: 76px;
}

.volca-controls .volca-step-knob-pan .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-attack-2 {
    top: 110px;
    left: 142px;
}

.volca-controls .volca-step-knob-attack-2 .volca-step-knob-label {
    top: 0px;
    left: 5px;
}
.volca-controls .volca-step-knob-decay-2 {
    top: 110px;
    left: 208px;
}

.volca-controls .volca-step-knob-decay-2 .volca-step-knob-label {
    top: 0px;
    left: 5px;
}

.volca-controls .volca-step-label-sample {
    position: absolute;
    top: 38px;
    left: 111px;
}

.volca-controls .volca-step-label-pitch {
    position: absolute;
    top: 90px;
    left: 116px;
}

.volca-controls .volca-step-label-amp {
    position: absolute;
    top: 140px;
    left: 119px;
}

.volca-controls .volca-step-label-step-programmable-parameters {
    position: absolute;
    top: 164px;
    left: 53px;
}

.volca-controls .volca-tempo-container {
    position: absolute;
    left: 426px;
    top: 0;
    bottom: 0;
    right: 0;
}

.volca-controls .volca-tempo-container .volca-step-knob-label {
    color: #8C8E8C;
}

.volca-controls .volca-step-knob-tempo {
    top: 6px;
    left: 23px;
}

.volca-controls .volca-step-knob-tempo .volca-step-knob {
    top: 6px;
    left: 1px;
}

.volca-controls .volca-step-knob-swing {
    left: 87px;
    top: 6px;
}

.volca-controls .volca-step-knob-swing .volca-step-knob {
    left: 3px;
    top: 6px;
}

.volca-controls .volca-step-knob-reverb-mix {
    left: 142px;
    top: 6px;
}

.volca-controls .volca-step-knob-reverb-mix .volca-step-knob {
    left: 14px;
    top: 6px;
}

.volca-controls .volca-step-knob-volume {
    left: 216px;
    top: 6px;
}

.volca-controls .volca-step-knob-volume .volca-step-knob {
    left: 5px;
    top: 6px;
}

.volca-controls .volca-func-container {
    position: absolute;
    top: 53px;
    left: 8px;
    right: 17px;
    bottom: 5px;
    background-color: #878C8B;
}

.volca-controls .volca-func-label {
    position: absolute;
    color: #262726;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
}

.volca-controls .volca-part-previous-label {
    position: absolute;
    top: 0px;
    left: 23px;
    color: #262726;
}

.volca-controls .volca-part-label {
    top: 5px;
    left: 50px;
}

.volca-controls .volca-part-next-label {
    position: absolute;
    top: 0px;
    left: 90px;
    color: #262726;
}

.volca-controls .volca-mute-label {
    top: 5px;
    left: 147px;
}

.volca-controls .volca-memory-label {
    top: 60px;
    left: 9px;
}

.volca-controls .volca-step-mode-label {
    top: 60px;
    left: 69px;
}

.volca-controls .volca-play-label {
    top: 58px;
    left: 156px;
    font-size: 12px;
}

.volca-controls .volca-record-label {
    top: 58px;
    left: 221px;
    font-size: 8px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-label,
.volca-controls .volca-func-bottom-row-buttons .volca-func-label {
    position: absolute;
    color: #CDCFCF;
    font-size: 7px;
    text-transform: uppercase;
    font-weight: bold;
}

.volca-controls .volca-func-button {
    position: absolute;
    background-color: #E4E5E7;
    width: 43px;
    height: 23px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #4A4D49;
}

.volca-controls .volca-func-top-row-buttons .volca-func-reverse-label {
    top: 18px;
    left: 13px;
}

.volca-controls .volca-func-reverse-button {
    top: 30px;
    left: 5px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-reverb-label {
    top: 18px;
    left: 80px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-reverb-button {
    top: 30px;
    left: 72px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-solo-label {
    top: 18px;
    left: 151px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-solo-button {
    top: 30px;
    left: 137px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-func-label {
    top: 12px;
    left: 204px;
    color: #878C8B;
    background-color: #E3E3E5;
    width: 45px;
    height: 11px;
    border-radius: 4px;
    text-align: center;
    margin: auto;
    padding-top: 3px;
}

.volca-controls .volca-func-top-row-buttons .volca-func-func-button {
    top: 30px;
    left: 204px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-write-label {
    top: 105px;
    left: 17px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-write-button {
    top: 75px;
    left: 5px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-step-jump-label {
    top: 105px;
    left: 74px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-step-jump-button {
    top: 75px;
    left: 72px;
}

.volca-controls .volca-func-red-button {
    background-color: #FF3429;
    border-color: #DBB3BC;
    border-width: 2px 2px 2px 3px;
    width: 40px;
    height: 20px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-active-step-label {
    top: 105px;
    left: 138px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-active-step-button {
    top: 75px;
    left: 137px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-step-rec-label {
    top: 105px;
    left: 208px;
}

.volca-controls .volca-func-bottom-row-buttons .volca-func-step-rec-button {
    top: 75px;
    left: 204px;
}

.volca-keys {
    position: absolute;
    top: 277px;
    left: 0;
    right: 0;
    bottom: 0;
}

.volca-keys .volca-keys-container {
    position: absolute;
    left: 17px;
    right: 20px;
    top: 11px;
    bottom: 40px;
    background-color: #B8BEC0;
    border-radius: 4px;
}

.volca-keys .volca-keys-border {
    position: absolute;
    top: 3px;
    width: 155px;
    height: 2px;
    background-color: #68696B;
}

.volca-keys .volca-keys-border-1 {
    left: 12px;
}

.volca-keys .volca-keys-border-2 {
    left: 177px;
}

.volca-keys .volca-keys-border-3 {
    left: 341px;
}

.volca-keys .volca-keys-border-4 {
    left: 506px;
}

.volca-keys .volca-keys-bar {
    position: absolute;
    background-color: #68696B;
    width: 31px;
    height: 54px;
    border-radius: 2px;
}

.volca-keys .volca-key-bar-light {
    position: absolute;
    left: 12px;
    top: 4px;
    width: 7px;
    height: 7px;
    background-color: #FE6567;
    border-radius: 7px;
    border: 1px solid #8F2926;
}

.volca-keys .volca-key-bar-dot {
position: absolute;
    left: 2px;
    top: 2px;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #FED7E1;
}

.volca-keys .volca-key-bar-label {
    position: absolute;
    left: 12px;
    top: 31px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.volca-keys .volca-keys-bar-m1 {
    top: 8px;
    left: 12px;
}

.volca-keys .volca-keys-bar-m2 {
    top: 8px;
    left: 53px;
}

.volca-keys .volca-keys-bar-m3 {
    top: 8px;
    left: 94px;
}

.volca-keys .volca-keys-bar-m4 {
    top: 8px;
    left: 135px;
}

.volca-keys .volca-keys-bar-m5 {
    top: 8px;
    left: 177px;
}

.volca-keys .volca-keys-bar-m6 {
    top: 8px;
    left: 218px;
}

.volca-keys .volca-keys-bar-m7 {
    top: 8px;
    left: 259px;
}

.volca-keys .volca-keys-bar-m8 {
    top: 8px;
    left: 300px;
}

.volca-keys .volca-keys-bar-m9 {
    top: 8px;
    left: 341px;
}

.volca-keys .volca-keys-bar-m10 {
    top: 8px;
    left: 382px;
}

.volca-keys .volca-keys-bar-s1 {
    top: 8px;
    left: 423px;
}

.volca-keys .volca-keys-bar-s2 {
    top: 8px;
    left: 464px;
}

.volca-keys .volca-keys-bar-s3 {
    top: 8px;
    left: 507px;
}

.volca-keys .volca-keys-bar-s4 {
    top: 8px;
    left: 548px;
}

.volca-keys .volca-keys-bar-s5 {
    top: 8px;
    left: 589px;
}

.volca-keys .volca-keys-bar-s6 {
    top: 8px;
    left: 630px;
}

.volca-keys .volca-keys-part-separator {
    position: absolute;
    left: 12px;
    top: 63px;
}

.volca-keys .volca-keys-part-line {
    position: absolute;
    top: 4px;
    width: 189px;
    height: 1px;
    background-color: #68696B;
}

.volca-keys .volca-keys-part-line-left {
    left: 0;
}

.volca-keys .volca-keys-part-line-right {
    left: 213px;
}

.volca-keys .volca-keys-label {
    position: absolute;
    color: #525657;
    font-size: 6px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.volca-keys .volca-keys-part-label {
    left: 193px;
    top: 0px;
}

.volca-keys .volca-keys-loop-label {
    left: 430px;
    top: 63px;
}

.volca-keys .volca-keys-motion-seq-separator {
    position: absolute;
    left: 465px;
    top: 63px;
}

.volca-keys .volca-keys-motion-seq-line {
    position: absolute;
    top: 4px;
    width: 14px;
    height: 1px;
    background-color: #68696B;
}

.volca-keys .volca-keys-motion-seq-line-left {
    left: 0px;
}

.volca-keys .volca-keys-motion-seq-line-right {
    left: 59px;
}

.volca-keys .volca-keys-motion-seq-label {
    left: 17px;
    top: 0px;
}

.volca-keys .volca-keys-clear-separator {
    position: absolute;
    left: 547px;
    top: 63px;
}

.volca-keys .volca-keys-clear-line {
    position: absolute;
    top: 4px;
    width: 45px;
    height: 1px;
    background-color: #68696B;
}

.volca-keys .volca-keys-clear-line-left {
    left: 0px;
}

.volca-keys .volca-keys-clear-line-right {
    left: 70px;
}

.volca-keys .volca-keys-clear-label {
    left: 48px;
    top: 0px;
}

.volca-keys .volca-keys-light-container {
    position: absolute;
    top: 70px;
}

.volca-keys .volca-keys-number {
    position: absolute;
    left: 15px;
    color: #525657;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.volca-keys .volca-keys-light-container .volca-key-bar-light {
    top: 10px;
    left: 13px;
}

.volca-keys .volca-keys-light-1 {
    left: 10px;
}

.volca-keys .volca-keys-light-2 {
    left: 51px;
}

.volca-keys .volca-keys-light-3 {
    left: 92px;
}

.volca-keys .volca-keys-light-4 {
    left: 133px;
}

.volca-keys .volca-keys-light-5 {
    left: 174px;
}

.volca-keys .volca-keys-light-6 {
    left: 216px;
}

.volca-keys .volca-keys-light-7 {
    left: 257px;
}

.volca-keys .volca-keys-light-8 {
    left: 298px;
}

.volca-keys .volca-keys-light-9 {
    left: 339px;
}

.volca-keys .volca-keys-light-10 {
    left: 380px;
}

.volca-keys .volca-keys-light-loop {
    left: 421px;
}

.volca-keys .volca-keys-light-loop .volca-keys-number {
    left: 6px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-light-motion {
    left: 462px;
}

.volca-keys .volca-keys-light-motion .volca-keys-number {
    left: 6px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-light-clear {
    left: 504px;
}

.volca-keys .volca-keys-light-clear .volca-keys-number {
    left: 9px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-light-act-step {
    left: 545px;
}

.volca-keys .volca-keys-light-act-step .volca-keys-number {
    left: 5px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-light-part {
    left: 587px;
    top: 69px;
}

.volca-keys .volca-keys-light-part .volca-keys-number {
    left: 11px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-light-all {
    left: 628px;
    top: 69px;
}

.volca-keys .volca-keys-light-all .volca-keys-number {
    left: 12px;
    top: 1px;
    font-size: 6px;
}

.volca-keys .volca-keys-alt-label {
    position: absolute;
    top: 71px;
    left: 180px;
}

.volca-keys .volca-keys-alt-label .volca-keys-part-line-left {
    width: 7px;
    left: 183px;
}

.volca-keys .volca-keys-alt-label .volca-keys-part-line-right {
    width: 7px;
    left: 205px;
}

@media only screen and (max-width: 420px) {
    .volca {
        transform: scale(0.5);
    }
}