/* Tablet 1024 styles only below */
@media screen and (max-width: 767px){

	html {
	    background-color: #0f3a86;
	    /* background-image: url('img/background.png'); */
	    background-size: cover;
	    background-position: center top;
	    background-repeat: no-repeat;
	    color: white;
	    font-family: LeituraSans, sans-serif;
	    font-size: 13pt;
		font-style: italic;
	    text-align: center;
	}
	body {
	    margin: 1em;
	}

	a {
	    color: #0f3a86 ;
	}
	input[type=submit] {
	    background-color: #0f3a86;
	    color: #f3f3f0;
	    cursor: pointer;
	    text-transform: uppercase;
	    font-size: 1.1em;
	    font-weight: bold;
	    border-radius: 1em;
	    border-style: none;
	    padding: 0.75em 4em;
	    width: 15em;
	}
	label {
	    cursor: pointer;
	}
	#tandc {
		background-color: #f2f2f2;
	    min-width: 20em;
	    max-width: 45em;
	    margin: 0 auto;
		padding: 20px;
	    text-align: left;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		color: black;
		font-family: LeituraSans, sans-serif;
		font-size: 12pt;
		font-style: normal;
	}

	#terms-body {
		margin: 0;
	}

	#terms-header {
		background-color: #0f3a86;
	}

	#terms-header-text {
		width: 100%;
		height: 100%;
	}

	#terms-header-logo img {
		width: 100%;
		height: 100%;
	}

	#terms-header-logo-img {
		width: 98%;
		height: 98%;
	}

	#terms-header-title {
		width: 98%;
		height: 98%;
	}

	#terms {
	    margin: 1.5em 0;
	}
	#terms div {
	    margin: 1em 0;
	}

	#terms-return {
		width: 98%;
		height: 98%;
	}

	#terms-footer-contact {
		width: 98%;
		height: 98%;
	}

	#terms-return a {
		color: white;
		font-style: normal;

	}

	#message {
	    font-style: italic;
	}
	#inspire-contact a {
	    margin: 0 0.5em;
	}
	#inspire-contact a {
	    text-decoration: none;
	}
	#inspire-contact a:hover {
	    text-decoration: underline;
	}

	#freewifi-logo {
		width: 98%;
		height: 98%;
	}

	#freewifi-tag {
		width: 98%;
		height: 98%;
	}

	#site-logo {
		width: 98%;
		height: 98%;
	}

	#inspire-logo {
		width: 90%;
		height: 90%;
	}

	#inspire-tag {
		width: 90%;
		height: 90%;
	}

	.continue-btn-img {
		width: 100%;
		height: 100%;
	}

	.accept-btn {
		width: 98%;
		height: 98%;
	}

	.terms-return {
		width: 98%;
		height: 98%;
	}
}