/* responsive styles */

@media screen and (min-width: 365px) {
	#logo {
			width: 100%;
			max-width: 280px;
			margin-bottom: 1rem;
			float: left;
	}

	.phn_number {
	    font-size: 2.5rem;
	}

	.all_phones_link {
	    margin-top: -.8rem;
	}
}

@media screen and (min-width: 500px) {
		.box {
			/* display: flex; */
			width: 50%;
			float: left;
		}
}

@media screen and (min-width: 768px) {
	.entry-header {
		width: 60%;
		margin-bottom: 2em;
		clear: none;
		float: left;
	}
	
	#enquire-now {
		width: 200px;
		padding: .4em 1em;
		float: right;
		text-align: center;
		border-radius: 50px;
		margin: 1.25em 0 0 0;
		cursor: pointer;
		background-color: #cb0084;
		color: white;
		text-decoration: none;
		font-variant: small-caps;
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 769px) {
	#page {
		width: 100%;
		margin: 0;
	}
}

@media screen and (min-width: 1000px) {
	.site-branding-on-mobile {
		display: none;
	}

	.site-branding {
		display: block;
	}

	.hide-content-on-mobile {
		display: block;
	}

	#masthead {
			float: left;
			height: 100vh;
			width: 41vh;
			position: fixed;
			padding: 0;
			overflow: hidden;
	}

	.main-navigation {
		display: block;
	}

	.main-navigation li {
	    width: 20vh;
	    height: 20vh;
	}

	.main-navigation a {
	    display: table-cell;
	    vertical-align: middle;
	    height: 20vh;
	    width: 20vh;
	    text-align: center;
	    font-size: 2.8vh;
			text-decoration: none;
	    color: #fff;
	    font-family: 'Noto Serif', serif;
	    text-shadow: 2px 2px 5px rgba(0,0,0,.9);
	    line-height: 2.8vh;
	    overflow: hidden;
	    padding: 5%;
	    border: none;
	    background-color: rgba(0,0,0,.2);
	}

	#content {

	}

	#contact-form .left {
		width: 50%;
		margin: 0;
		clear: none;
		float: left;
	}

	#contact-form .right {
		width: 50%;
		margin: 0;
		clear: none;
		float: right;
	}

	#colophon {
	    width: auto;
	    margin: 0 0 0 40vh;
	    padding: 2rem;
	    font-size: .8rem;
	}
}

@media screen and (min-width: 1150px) {
	#logo {
			width: 100%;
			max-width: 350px;
			margin-bottom: 1rem;
			float: left;
	}

	.phn_number {
	    font-size: 3rem;
	}

	.all_phones_link {
	    margin-top: -.8rem;
	}

	.box {
			width: 33.33333%;
	}
}