* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	overflow-x: hidden;
}
h1, h2, h3, h4 {
	overflow: hidden;
	text-transform: uppercase;
}

a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    transition: ease-in 0.5s;
}

nav {
    background-color: blue;
}

.items {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0px;
    padding: 1rem 0px;
}

ul li {
	transition: 1s ease-in;
    overflow: hidden;
}
/*ul li:hover {
	padding: 0.5rem;
	background-color: white;
	color: black;
}*/
.logo img {
	width: 100%;
}
nav .logo img {
	display: none;
}
ul li a:hover {
    color: black;
    text-decoration: none;
    background-color: white;
    padding: 0.5rem;
    overflow-y: hidden;

}
.title {
    background-color: brown;
    padding: 1rem 0;
    color: white;
}
.sec-1 button a {
        color: white;
        text-decoration: none;
}
/* jumbotron*/

.section-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    width: 100%;

}
.section-2.content1 {
    background-image: url("images/slider1.jpeg");
}
.section-2.content2 {
    background-image: url("images/truck.jpg");
}
.section-2.content3 {
    background-image: url("images/air.jpg");
}

.section-2 h4 {
	margin-top: 10rem;
	font-size: 3rem;
	font-weight: bold;
	color: blue;
}

/* section 3*/
#get_quotes {
	background-color: grey;
}

/* section 4*/
.image img {
	width: 100%;
	height: 200px;
}

/* section-5*/
.section-5 {
	background-color: black;
}
.section-5-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
	color: white;
}
.section-6 .image img {
	width: 30%;
	height: 100px;
}
.section-7-content-item {
	display: flex;
	background-color: grey;
	align-items: center;
}
.section-7 .hash {
	background-color: blue;
	color: white;
	padding: 0.4rem;
}
.section-6-content-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.section-6-content {
    margin: 5px;
    border: 1px solid grey;
    border-right: 4px solid grey;
    border-bottom: 4px solid grey;
    padding-top: 0.5rem;
}
.section-7 .name {
	margin-top: 0px;
	padding: 0px;
	text-align: right;
	font-size: 0.9rem;
}
.section-7 p {
	margin-left: 2rem;
}
/* section 8 */
.section-8 .content-8 {
	display: flex;
	justify-content: space-between;
	padding: 0.2rem;
	border: 1px solid grey;
	padding: 0.4rem;
}
.section-8 .content-8 h4 {
	font-size: 1rem;
}
.content-8 .plus {
	background-color: black;
	color: white;
	padding: 1px 2px;
	cursor: pointer;
}
.show {
    display: none;
    margin-left: 0.4rem;
}
.show.showpara {
    display: block;
}

/* section 9*/
.section-9-contents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    grid-gap: 1rem;
}
.section-9-contents-items {
    border: 2px solid grey;
    padding: 3rem 10rem;
    display: flex;
    align-items: center;
    justify-items: center;
}
.counters {
    font-size: 3rem;
    padding-right: 2rem;
}
.section-9-contents-items .heading {
    align-self: flex-start;
    margin-top: 5px;
}

.btn.quote {
	color: white;
}

/* services section */
.services-contents img {
	width: 100%;
}
/* service section*/
.services-contents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 1rem;
    padding: 2rem 1rem;
    border-bottom: 2px solid blue;
}

.services-contents img {
    width: 100%;
}
.services-contents ul {
    list-style-type: square;
    display: block;
    margin-left: 1rem;
}

.track-form {
    display: flex;
    flex-align: center;
    justify-content: space-around;
    margin: 5px;
}
/* footer*/
footer {
	background-color: brown;
	color: white;
	padding: 0.3rem;
	text-align: center;
}

.footer li a {
    	color: black;
    	transition: none;
    }

/* tracking section*/
.tracking_section {
	text-align: center;
	margin: 0px auto;
	width: 90%;
}
/* footer background */
.black {
	background-image: url('images/black.png');
	background-position: center;
	background-size: cover;
	color: white;
	padding-bottom: 1rem;
}

.footer-logo img {
	width: 50%;
}
/* vision section*/
@media (max-width: 760px) {
	body {
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .sec-1 {
        text-align: center;
        margin-bottom: 10px;
    }

    .sec-1 button a {
        color: white;
        text-decoration: none;
    }
    .sec-1 .email, .sec-1 .working-hours {
        text-align: left;
        margin-top: 10px;
    }
    .sec-1 .logo img {
        width: 50%;
    }
	.logo img {
		width: 70%;
		z-index: 4;
	}
	nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}
    .hamburger {
        width: 100px;
        height: 50px;
        display: block;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        cursor: pointer;
    }
    .line1, .line2, .line3 {
        background-color: white;
        width: 30px;
        height: 3px;
        margin: 2px;
    }
   .change .line1 {
        transform: rotate(45deg) translate(-3px, 13px);
    }
    .change .line2 {
        opacity: 0;
    }
    .change .line3 {
        transform: rotate(-45deg) translate(-3px, -13px);
    }
   
    nav .items {
        position: absolute;
        right: 0px;
        height: 40vh;
        top: 47vh;
        background-color: blue;
        flex-direction: column;
        width: 100%;
        align-items: center;
        transform: translateX(100%);
        transition: transform 0.5s ease-in;
        display: none;
        z-index: 2;
    }
    nav .items li {
        opacity: 0;
    }
    nav .logo img {
    	display: block;
    }
    @keyframes navItemFade {
        from {
            opacity: 0;
            transform: translateX(50px)
        }
        to {
            opacity: 1;
            transform: translateX(0)
        }
    }
    nav .items.toggle {
       transform: translateX(0%);
       display: flex;
    }
    .section-2 {
    	height: 50vh;
    }
    .section-2.content1 h4, .section-2.content2 h4 {
    	margin-top: 5rem;
    }
	.section-2.content3 h4 {
		margin-top: 5rem;
		font-size: 1.7rem;
	}
    .quote {
    	padding: 2px;
    }
    .section-5-content {
    	flex-direction: column;
    	text-align: center;
    }
    .section-5-content h3 {
    	font-size: 0.9rem;
    }
    .section-6-content-items {
    display: grid;
    grid-template-columns: 1fr;
    }
    .section-9-contents {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    grid-gap: 1rem;
}
.black .col2, .black .col3 {
	display: none;
}

.vision-1 img {
	width: 100%;
}
.services-contents {
        grid-template-columns: 1fr;
    }

}
@media (max-width: 1200px) {
	 .section-2 {
    	height: 50vh;
    }
    .section-2 h4 {
	margin-top: 9rem;
	font-size: 2rem;
	}
}