html{
    height: 100%;
}
div {
	width: 700px;
	height: 10px;
	margin-top: 300px;
	margin-left:800px;
	font-size: 20pt;
	z-index: 5;
    color: black;
}

body{
    height: 100%;
    width: 100%;
	height:100px;
	background-repeat: no-repeat;
	font-family: 'Itim', cursive;
	margin: 0px;
    background-size: cover;
    background-image: url('water.jpg');
    background-position: center center;
}


@media (max-width: 375px) {

    div {

        font-size: 20px;
        margin-left: 30px;
    }
}
/*Iphone*/
@media (min-width: 376px) and (max-width: 750) {
	div{ 
		font-size: 25px;
		margin-left: 100px;
		margin-top: 100px;
}
}

/*Ipad*/
@media (min-width: 376px) and (max-width: 1024px)  {
		div{
			margin-top: 200px;
            height: 10px;
            width: 360px;
            margin-left: 150px;
            font-size: 20px;
            margin-right:40px;
            margin-bottom: 100px;
                 } 
            }

a.fullPageButton {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}