.hand { position: absolute; bottom: 0; top: -1vw; } .hand img { max-width: 45vw; } .ballot1 { position: absolute; top: 30vw; left: 40vw; -ms-transform: rotate(5deg); /* IE 9 */ -webkit-transform: rotate(5deg); /* Safari */ transform: rotate(5deg); } .ballot1 img { max-width: 20vw; } .ballot2 { position: absolute; top: 24vw; left: 5vw; -ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg); z-index: 1; } .ballot2 img { max-width: 20vw; } .ballot3 { position: absolute; top: 4vw; left: 56vw; -ms-transform: rotate(15deg); /* IE 9 */ -webkit-transform: rotate(15deg); /* Safari */ transform: rotate(15deg); } .ballot3 img { max-width: 20vw; } .ballot4 { position: absolute; top: 15vw; left: 70vw; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); } .ballot4 img { max-width: 20vw; } .ballot5 { position: absolute; top: 36vw; left: 66vw; -ms-transform: rotate(25deg); /* IE 9 */ -webkit-transform: rotate(25deg); /* Safari */ transform: rotate(25deg); } .ballot5 img { max-width: 20vw; } .ballot6 { position: absolute; top: 35vw; left: 10vw; -ms-transform: rotate(-25deg); /* IE 9 */ -webkit-transform: rotate(-25deg); /* Safari */ transform: rotate(-25deg); z-index: 0; } .ballot6 img { max-width: 20vw; } @media (max-width: 700px) { .pageBanner1{ background-image: url("ds_banner_01_01.png"); background-position: center; background-size: cover; width: 100%; height: 50vw; position: relative; padding-top: 0px; margin-top: 0; border-top: 10px solid #FAF8F4; } .pageBanner2{ background-image: url("ds_banner_02.png"); background-position: center; background-size: cover; width: 100%; height: 50vw; position: relative; padding-top: 0px; border-top: 10px solid #FAF8F4; } .pageBanner3{ background-image: url("ds_banner_03.png"); background-position: center; background-size: cover; width: 100%; height: 50vw; position: relative; padding-top: 0px; border-top: 10px solid #FAF8F4; } } @media (min-width: 701px) { .pageBanner1{ background-image: url("ds_banner_01_01.png"); background-position: center; background-size: cover; width: 100%; height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } .pageBanner2{ background-image: url("ds_banner_02.png"); background-position: center; background-size: cover; width: 100%; height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } .pageBanner3{ background-image: url("ds_banner_03.png"); background-position: center; background-size: cover; width: 100%; height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } } @media (min-width: 1251px) { .pageBanner1{ background-image: url("ds_banner_01_01.png"); background-position: center; background-size: cover; width: calc(100% - 60px); height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } .pageBanner2{ background-image: url("ds_banner_02.png"); background-position: center; background-size: cover; width: calc(100% - 60px); height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } .pageBanner3{ background-image: url("ds_banner_03.png"); background-position: center; background-size: cover; width: calc(100% - 60px); height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } .pageBanner4{ background-image: url("myths_04.png"); background-position: center; background-size: cover; width: calc(100% - 60px); height: 30vw; position: relative; padding-top: 0px; border-top: 20px solid #FAF8F4; } } @media (max-width: 700px) { h2.bannerPage-ds { font-size: 7.5vw; font-family: "europa",sans-serif; font-style: normal; font-weight: 700; letter-spacing: .05vw; line-height: 8.5vw; color: #fff; text-align: center; margin-bottom: 0; margin-top: 0; padding-top: 2.3em; padding-left: 10vw; padding-right: 10vw; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); } h4.bannerPage-ds { text-align: center; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); line-height: 1px; color: #fff; font-size: 3vw; letter-spacing: .4vw; margin-bottom: 0px; margin-top: 17vw; font-weight: 500; font-family: "source-serif-pro", serif; } } @media (min-width: 701px) { h2.bannerPage-ds { font-size: 5vw; font-family: "europa",sans-serif; font-style: normal; font-weight: 700; letter-spacing: .05vw; line-height: 6vw; color: #fff; text-align: center; margin-bottom: 0; margin-top: 1.65em; padding-left: 16vw; padding-right: 16vw; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); } h4.bannerPage-ds { text-align: center; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); line-height: 1px; color: #fff; font-size: 2.3vw; letter-spacing: .2vw; margin-bottom: 0px; margin-top: 10vw; font-weight: 500; text-transform: capitalize; font-family: "source-serif-pro", serif; } }