* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body, html {
            width: 100%;
            height: 100%;
            font-family: Arial, sans-serif;
        }
		
		@font-face {
    font-family: 'Fatcat';
    src: url('Fatcat.woff2') format('woff2'),
        url('Fatcat.woff') format('woff');
    font-weight: normal;
    font-style: normal;
				}

        .background {
            position: fixed;
            width: 100%;
            height: 100%;
            background: url('couch.png') no-repeat center center/cover;
        }

        .content {
          position: absolute;
            top: 95%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: black;
            font-family: 'fatcat';
        }

        h1 {
            font-size: 3rem;
            margin-bottom: 10px;
        }

        p {
            font-size: 1.5rem;
        }


@media screen and (max-width: 768px) {
   
	
	   .background {
            position: fixed;
            width: 100%;
            height: 100%;
            background: url('couchphone.png') no-repeat center center/cover;
        }
	
	   p {
            font-size: 1rem;
        }
	
	
}