*{
	text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
	box-sizing: content-box;
	background-repeat:no-repeat;
}
body { margin:0px; }
div {
	position: absolute;
    opacity:0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
b {
	font-weight:800;
}
sup {
    font-size: 40%;
    position: relative;
    vertical-align: 1em;
}
#cover {
    top: 0;
    left: 0;
    overflow: hidden;
    width: 970px;
    height: 250px;
}
#hotspot {
    width: 970px;
    height: 250px;
    top: 0;
    left: 0;
    cursor: pointer;
	background-color:#000000;/*DO NOT CHANGE*/
}
#background {
	width:970px;
	height:250px;
	background-color:#ffffff;
}
#background2 {
	width:970px;
	height:250px;
	background-color:#8dc449;
}
#legalText {
    background-color: #ffffff;
    overflow: hidden;
    width: 316px;
    height: 250px;
    top: 0px;
    left: 653px;
	padding:5px;
}


#bigPill {
    background-color: #63619a;
    width: 564px;
    height: 152px;
    top: 14px;
    border-radius: 0 76px 76px 0;
}
#logo {
    background-image: url(../images/vyvanse_logo_white.svg);
    width: 254px;
    height: 111px;
    top: 36px;
    left: 200px;
}
#image1 {
	background-image:url("../images/image1.jpg");
	width:970px;
	height:250px;
}
#image2 {
	background-image:url("../images/image2.jpg");
	width:970px;
	height:250px;
}
#image3 {
	background-image:url("../images/image3.jpg");
	width:970px;
	height:250px;
}
#image4 {
	background-image:url("../images/image4.jpg");
	width:970px;
	height:250px;
}

#green_circle{
    background-image: url("../images/green_circle.png");
    width: 202px;
    height: 222px;
    left: 140px;
    top: 2px;
}
#green_squiggle1,#green_squiggle2,#green_squiggle3,#green_squiggle4{
    background-image: url("../images/green_squiggle.png");
    width:36px;
    height:32px;
    transform-origin: 50% 50%;
}
#green_squiggle1 {
    left: 188px;
    top: 26px;
    transform:rotate(50deg);
}
#green_squiggle2 {
    left: 196px;
    top: 70px;
    transform: rotate(16deg);
}
#green_squiggle3 {
    left: 235px;
    top: 92px;
    transform: rotate(2deg);
}
#green_squiggle4 {
    left: 428px;
    top: 158px;
    transform: rotate(116deg);
}
#like{
    background-image: url(../images/like.png);
    width: 181px;
    height: 91px;
    left: 362px;
    top: 142px;
}
#send{
    background-image: url("../images/send.png");
    width: 220px;
    height: 129px;
    left: 96px;
    top: 78px;
}
#share{
    background-image: url("../images/share.png");
    width: 132px;
    height: 150px;
    left: 323px;
    top: 10px;
}
#likeText{
    font-family: 'Permanent Marker', cursive;
    color:#ffffff;
    font-size:26px;
    width: auto;
    height: auto;
    left: 125px;
    top: 52px;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
}
#sendText{
    font-family: 'Permanent Marker', cursive;
    color:#ffffff;
    font-size:26px;
    width: auto;
    height: auto;
    left: 28px;
    top: 39px;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
}
#shareText{
    font-family: 'Permanent Marker', cursive;
    color:#ffffff;
    font-size:26px;
    width: auto;
    height: auto;
    left: 60px;
    top: 27px;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
}



#oops{
    font-family: 'Permanent Marker', cursive;
    color:#ffffff;
    font-size:26px;
    width: 68px;
    height: 46px;
    left: 203px;
    top: 120px;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
}
#again{
    font-family: 'Permanent Marker', cursive;
    color:#ffffff;
    font-size:26px;
    width: 88px;
    height: 48px;
    left: 220px;
    top: 137px;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
}
#tap1,#tap2,#tap3{
    color:#ffffff;
    font-size:30px;
    width:44px;
    height:29px;
    transform-origin: 50% 50%;
}
#tap1 {
    font-family: 'Permanent Marker', cursive;
    left: -53px;
    top: 27px;
    transform: rotate(-48deg);
}
#tap2 {
    font-family: 'Permanent Marker', cursive;
    left: -60px;
    top: 21px;
    transform: rotate(-32deg);
}
#tap3 {
    font-family: 'Permanent Marker', cursive;
    left: -53px;
    top: 35px;
    transform: rotate(322deg);
}


#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#text11 {
    font-family: "Open Sans",sans-serif;
    width: auto;
}
#text1 {
    font-size: 44px;
    top: 46px;
    color: #ffffff;
    font-weight: 400;
    left: 490px;
    letter-spacing: .02em;
}
#text2 {
    font-size: 59px;
    top: 90px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .08em;
    left: 461px;
}
#text3 {
    font-size: 60px;
    top: 90px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .08em;
    left: 617px;
}
#text4 {
    font-size: 60px;
    top: 89px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .05em;
    left: 537px;
}
#text5 {
    font-size: 38px;
    top: 27px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .05em;
    width: 100%;
    text-align: center;
}
#text6 {
    font-size: 98px;
    top: 52px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .05em;
    width: 100%;
    text-align: center;
    transform-origin: 50% 50%;
    left:19px;
}
.aster {
    font-weight: 400;
    font-size: 35%;
    vertical-align: 1.3em;
}
.dagger {
    font-weight: 400;
    font-size: 19%;
    vertical-align: 3em;
}
#text7 {
    font-size: 17px;
    top: 162px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .08em;
    width: 100%;
    text-align: center;
}
#text8 {
    font-size: 41px;
    top: 24px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .03em;
    width: 100%;
    text-align: center;
}
#text9 {
    font-size: 23px;
    top: 72px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .03em;
    width: 100%;
    text-align: center;
}
#text10 {
    font-size: 63px;
    top: 94px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .05em;
    width: 100%;
    text-align: center;
    transform-origin: 50% 50%;
}



#footer1,#footer2,#footer3 {
    font-family: "Open Sans",sans-serif;
}
#footer1 {
    font-size: 13px;
    color: #ffffff;
    bottom: 14px;
    left: 27px;
    text-indent: -6px;
}
#footer2 {
    font-size: 13px;
    color: #63619a;
    bottom: 19px;
    left: 25px;
    font-weight: 400;
}
#footer3 {
    font-size: 13px;
    color: #63619a;
    bottom: 19px;
    font-weight: 400;
    width:652px;
    text-align: center;
}

#cta1, #cta2 {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    top: 158px;
    border-radius: 25px;
    cursor:pointer;
}
#cta1 {
    left:250px;
    padding: 12px 34px;
}
#cta2 {
    left:330px;
    padding: 12px 30px;
}
.ctaOver {
    color:#ffffff;
    background-color: #43447b;
}
.ctaOut {
    color:#ffffff;
    background-color: #63619a;
}