* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}
html {
	background-color: grey;
}
body {
    background-color: lightgrey;
    margin: 0 auto;
    line-height: 1.6;
    margin-left: 15%;
    margin-right: 15%;
}
.text {
    background-color: white;
}

/* Logo */
.logo h1 {
    color: blue;
    font-size: 10vw;
    text-align: center;
    font-weight: bold;
    margin: 0;
}
.title {
    text-align: center;
}
#repair-service {
    font-size: 2.5vw;
    font-weight: bold;
    color: blue;
}
#location {
    font-size: 1.5vw;
    font-weight: bold;
}
.service-call {
    font-size: 2.5vw;
    text-align: center;
    font-weight: bold;
    color: red;
    font-family:'Times New Roman', Times, serif
}
.text-stroke {
    /* color: white; */
    /* text-shadow: -4px -4px 4px white, 4px -4px 4px white,
    -4px 4px 4px white, 4px 4px 4px white; */
    -webkit-text-stroke: 1px white;
}

/* Top and bottom borders and alignment of center text */
.border {
    background-color: lightgrey;
    padding-bottom: 1%;
}
.center {
    text-align: center;
    margin: auto;
    width: 100%;
}

/* main image */
.main-img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.main-img img {
    width: 100%;
    height: 100%;
}

/* Contact Us styles */
.email-link {
    font-size: 3vw;
}

/* Service Policy styles */
.service-policy {
    font-size: 3vh;
    text-align: center;
}
.service-policy h1 {
    margin: 0;
}
.service-policy-p {
    font-size: 1.5vw;
    color: red;
}
.service-policy a {
    text-decoration: none;
}

/* Background */
#bg {
	height: auto;
	width: 100%;
	position: fixed;
	z-index: -100;
	left: 0px;
	top: 0px;
	min-height: 100%;
	min-width: 1024px;
}
#top-bg {
    width: 100%;
    border: 1px solid black;
}
#top-bg-container {
    position: relative;
    text-align: center;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Navbar style */
.navbar {
    padding-top: 0;
    padding-bottom: 0;
    height: 5rem;
    text-align: center;
}
.navbar ul {
    width: 4vh;
    background-color: lightgrey;
    list-style-type: none;
    padding: 0;
    margin: auto; 
    font-size: 2vh;
    text-align: center;
    width: auto;
}
.navbar a {
    color: black;
    text-decoration: none;
    border: 5px solid darkorange;
    display: block;
    text-align: center;
    transition: transform 330ms;
}
.navbar a:hover {
    background-color: hsl(0, 0%, 56%);
    transform: scale(1.1);
}
.button { 
    border-radius: 12px;
    font-weight: bold;
    font-size: 1.5vw;
}
@media (max-width: 700px) {
    .button {
        border-radius: 12px;
        font-weight: bold;
        font-size: 2vh; 
    }
}

/* Terms and Conditions styles */
#terms-conditions {
    padding: 0 5% 0 5%;
}
#terms-conditions h1, h3 {
    text-decoration: underline;
    font-weight: bold;

}
#terms-conditions h1, h2 {
    text-align: center;
}
#terms-conditions h4 {
    text-align: center;
}

/* Copyright styles */
.copyright {
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 760px)  {
    body {
        margin: 0;
    }
    .logo h1 {
        color: blue;
        font-size: 13.5vw;
        text-align: center;
        font-weight: bold;
        margin: 0;
    }
    #repair-service {
        font-size: 6.5vw;
        font-weight: bold;
        color: blue;
    }
    #location {
        font-size: 5vh;
        font-weight: bold;
    }
    .service-call {
        font-size: 4vh;
    }
    .navbar {
        display: none;
    }
    .email-link {
        font-size: 5.5vh;
    }
    .service-policy-p {
        font-size: 3vh;
    }
    .copyright {
        margin: auto;
    }
    #bg {
        display: none;
    }
}