/* this class controls the styling for the page header, itwp 1050 Sabrina Pope */
h1{
    font-size: 5rem;
}

@media  screen and (max-width: 800px) {
    h1{
        font-size: 24px;

    }
    body {
        font-size: 18px;
    }
 
    img.rotateLeft{
        transform:
        translate(15rem, 1rem)
        rotate3d(-1,-1,0, 45deg) ;
    }
    img.rotateRight{
        transform:
        translate(15rem, 1rem)
        rotate3d(.6,-.6,.10, 45deg) ;
    }

   }

   @media  screen and (max-width: 600px){
    h1{
        font-size: 16px;
        color: blue;
    }
    h2{
        font-size: 14px;
    }
    body{
        font-size: 15px;
        background-color: skyblue;
    }
    img.rotateLeft{
        transform:
        translate(15rem, 1rem)
        rotate3d(-1,-1,0, 45deg) ;
    }
    img.rotateRight{
        transform:
        translate(15rem, 1rem)
        rotate3d(.6,-.6,.10, 45deg) ;
    }
   }