/*

screen sizes:
iphone x: 375 x 812
iphone 5: 320 x 568




*/


/* iphone 5 */
@media screen and (min-width: 320px) and (max-height: 600px) and (orientation: portrait) {
    /* html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    } */

    .sunflower_logo_bar {
        height: 12vh;
    }
    .ws_title  {
        font-size: 1.8rem;
    }

    .ws_text, .of_text {
        font-size: 1rem;
        padding-top: 2.5vh;
    }

    .tile_text {
        font-size: 0.77rem;
    }

    .tiles {
        margin-right: 5vh;
        margin-left: 5vh;
    }

}

/*

@media only screen and (orientation:landscape){
    body {
      height: 99.9vw;
      transform: rotate(90deg);
    }
  }

*/

/* iphone 6 */
@media screen and (min-width: 350px) and (max-height: 700px) and (orientation: portrait) {

    .sunflower_logo_bar {
        height: 12vh;
    }
    .ws_title  {
        font-size: 1.8rem;
    }

    .ws_text, .of_text {
        font-size: 1rem;
        padding-top: 2.5vh;
    }

    .tile_text {
        font-size: 0.94rem;
    }

    .tiles {
        margin-right: 5vh;
        margin-left: 5vh;
    }


}