@media only screen and (min-device-width: 768px) 
                   and (max-device-width: 1024px) 
                   and (orientation:portrait) {
  body {
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}

#subitizing
{
    position:absolute;
    top:1140px;
    left:465px;
    height:34px;
    width:315px;
}

@media screen and (max-width:1200px)
{
    #subitizing
    {
        position:absolute;
        top:1140px;
        left:340px;
        height:34px;
        width:315px;
    }
}

#needfororg
{
    position:absolute;
    top:1015px;
    left:480px;
    height:80px;
    width:203px;
    -moz-border-radius:100px / 50px;
    -webkit-border-radius:100px / 50px;
    border-radius:100px / 50px;
}

@media screen and (max-width:1200px)
{
    #needfororg
    {
        position:absolute;
        top:1015px;
        left:370px;
        height:80px;
        width:203px;
        -moz-border-radius:100px / 50px;
        -webkit-border-radius:100px / 50px;
        border-radius:100px / 50px;
    }
}

#synchrony
{
    position:absolute;
    top:1085px;
    left:362px;
    height:40px;
    width:180px;
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
    -o-transform: rotate(13deg);
    transform: rotate(13deg);
}

@media screen and (max-width:1200px)
{
    #synchrony
    {
        position:absolute;
        top:1085px;
        left:240px;
        height:40px;
        width:180px;
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -o-transform: rotate(13deg);
        transform: rotate(13deg);
    }
}

#onetoonetagging
{
    position:absolute;
    top:1080px;
    left:220px;
    height:37px;
    width:121px;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    transform: rotate(-13deg);
}

@media screen and (max-width:1200px)
{
    #onetoonetagging
    {
        position:absolute;
        top:1085px;
        left:100px;
        height:37px;
        width:121px;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
}

#counting
{
    position:absolute;
    top:1120px;
    left:290px;
    height:25px;
    width:100px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

@media screen and (max-width:1200px)
{
    #counting
    {
        position:absolute;
        top:1115px;
        left:170px;
        height:25px;
        width:100px;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
#cardinality
{
     position:absolute;
    top:1082px;
    left:650px;
    height:50px;
    width:130px;
    -moz-border-radius:100px / 50px;
    -webkit-border-radius:100px / 50px;
    border-radius:100px / 50px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}

@media screen and (max-width:1200px)
{
    #cardinality
    {
         position:absolute;
        top:1082px;
        left:530px;
        height:50px;
        width:130px;
        -moz-border-radius:100px / 50px;
        -webkit-border-radius:100px / 50px;
        border-radius:100px / 50px;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}
#magnitude
{
     position:absolute;
    top:1130px;
    left:780px;
    height:44px;
    width:125px;
    -moz-border-radius:100px / 50px;
    -webkit-border-radius:100px / 50px;
    border-radius:100px / 50px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);

}

@media screen and (max-width:1200px)
{
    #magnitude
    {
         position:absolute;
        top:1120px;
        left:650px;
        height:44px;
        width:125px;
        -moz-border-radius:100px / 50px;
        -webkit-border-radius:100px / 50px;
        border-radius:100px / 50px;
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
#trialerror
{
    position:absolute;
    top:1080px;
    left:790px;
    height:20px;
    width:130px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

@media screen and (max-width:1200px)
{
    #trialerror
    {
        position:absolute;
        top:1080px;
        left:670px;
        height:20px;
        width:130px;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
#modelaction
{
    position:absolute;
    top:1100px;
    left:880px;
    height:0;
    width:0;
    border-bottom:50px solid transparent;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

@media screen and (max-width:1200px)
{
    #modelaction
    {
        position:absolute;
    top:1100px;
    left:780px;
    height:0;
    width:0;
    border-bottom:50px solid transparent;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    }
}