/*body {font-size: .85rem; font-weight: 400;}*/
body, h1, h2, h3, h4, h5, input, textarea {font-family:Roboto,Arial, sans-serif, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";}
a, a:hover {text-decoration:none; outline: none;}
dl, ol, ul {margin-bottom: 0rem;}

.top-area {background-color: #282a36; color: #c1c1c5;}
.top-area a, .top-nav a {color: #c1c1c5;}
.top-area a:hover, .top-nav a:hover {color: #f5f5f5;}
.top-nav {background-color: #2f313e; color: #c1c1c5;}
.text-warning {color:#df9826 !important;}
.btn-warning {background-color: #df9826 !important; color:#fff;}
.border-warning {border-color: #df9826 !important;}
.top-nav ul li {margin-left:2rem; font-size: 1.15rem;}
.my-6 {margin-top:4rem; margin-bottom: 4rem;}
.py-6 {padding-top:4rem; padding-bottom: 4rem;}
.pt-6 {padding-top: 4rem;}
.services {background-image:url("../images/transparent-bg.png"); background-repeat: no-repeat; background-color:#2f313e;}
.services .card {background-color:#2f313e !important; color:#fff;}
footer {background-color: #121212}
footer a {color:#df9826}
footer a:hover {color:#fff}
.top-nav .dropdown-menu li {margin-left:0rem !important; font-size: 1rem !important;}
.top-nav .dropdown-menu {background-color: #df9826 !important;}
.top-nav .dropdown-menu .dropdown-item {background-color: transparent !important;}
.top-nav .dropdown-menu .dropdown-item a {color: #fff !important;}
.top-nav .dropdown-menu .dropdown-item a:hover {color: #000 !important;}
.carousel-caption {bottom: 0rem !important; top:2.5rem;}
.carousel-caption h1, .carousel-caption h5{text-shadow: 0px 0px 5px #000;}
.air-freight-bg {background-image: url("../images/air-freight-services.jpg"); background-repeat: no-repeat; }
.bonded-warehouse-bg {background-image: url("../images/bounded-warehouse.jpg"); background-repeat: no-repeat;}
.road-freight-bg {background-image: url("../images/road-fright.jpg"); background-repeat: no-repeat;}

@media (min-width: 576px) and (max-width: 767.98px) { 
	.top-nav ul li {font-size: 1rem; margin-left:.75rem;}
	.carousel-caption {top:1rem;}
	.carousel-caption h1 {font-size: 1.5rem;}
	.carousel-caption h5 {display:none}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.carousel-caption {top:1rem;}
	.carousel-caption h1 {font-size: 1.5rem;}
	.carousel-caption h5 {font-size: 100%;}
}