transform rotate with position: relative

I have this css:

@media (min-width: 768px). 
{.art1{position:relative; 
bottom: 600px; left: 
1000px;transform: 
rotate(190deg);}} 

And this html:

<div class="art1">Art</div>

The issue is that, in desktop, using transform:rotate; is sending the element off the page somewhere. As soon as I get rid of transform:rotate the element goes back to position. See here in desktop