.mobileHide { display: inline;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 767px){  .mobileHide { display: none;}}

	@media screen and (min-width: 768px) {	
	.clock {
    position: absolute;
    top: 16vh;
    left: 15vw;
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
    font-size: 45px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    -webkit-transition: 0.5s;
    padding-left:15px;
    padding-right:15px;
    height: 62.5px;
	}
	
	.ampm {
	position: absolute;
    top: 16vh;
    left: 15.25vw;
    /*left: 28em;*/
    color: #ffffff;
    height: 62.5px;
    font-size: 13px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
	}

	.date {
	position: absolute;
    top: 17vh;
    left: 21.25vw;
    /*left: 30em;*/
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
    font-size: 19px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    -webkit-transition: 0.5s;
    padding-left:15px;
    padding-right:15px;
    height: 62.5px;
	}
	
	.dow {
	position: absolute;
    top: 20vh;
    left: 20.75vw;
    /*left: 30em;*/
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
    font-size: 19px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
    -webkit-transition: 0.5s;
    padding-left:15px;
    padding-right:15px;
    height: 62.5px;
	}
	
	.welcome {
	background: rgba(0, 0, 0, .3);
	position: absolute;
    top: 21vh;
    left: 10vw;	
    color: #ffffff;
    font-size: 35px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 2px;
    border-radius: 24px;
    padding: 15px;
    width: 275px;
	}
}