html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
		
		body {
			height: 100%;
			background: #f9f9f9;
		}
		
		a {
			text-decoration: none !important;
		}
		
		.w3-content {
			max-width: 1700px !important;
		}
		
		.w3-medium {
			width: 50% !important;
		}
		
		#div-wrapper-preview {
			width: 100%;
			height: 470px;
			position: relative;
		}
		
		#iframe-preview {
			width: 100%;
			height: 100%;
			border: 0;
		}
		
		@media only screen and (max-width: 1000px) {
			h1 {
				font-size: 28px;
			}

			header img {
				width: 60px;
				height: 60px;
			}
			
			.w3-medium {
				width: 100% !important;
				display: block;
			}
		}
		
		@media only screen and (max-width: 600px) {
			h1 {
				font-size: 24px;
			}

			header img {
				width: 55px;
				height: 55px;
			}

			.w3-medium {
				width: 100% !important;
				display: block;
			}
		}