@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 { 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%;
}
}