@charset "utf-8";
@import url("productspage.css");

body {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/BG4body.jpg);
	background-repeat: repeat;
}


.container-fluid {
    margin-top: 30px;
    margin: 0px;
    padding: 0px;
    height: 100vh;
    /* [disabled]min-height: 1080px; */
    
}
.container-fluid header .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: url(../images/header-footerBG.png);
    background-size: auto 100%;
    padding-left: 60px;
    padding-right: 60px;
}
header .navbar.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
    background-image: url(../images/menubar.gif);
    background-repeat: no-repeat;
    background-size: cover;

}


@font-face{
	font-family: 'jenkins-v20--thik';
	src:url("../fonts/jenkt.ttf");
	
}


.nav-link {
	font-family: 'jenkins-v20--thik';
	font-size: 30px;
	color: black;
	margin-left: 20px;
}


.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(255, 0, 0, 1);
}



.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1);
}



.carousel {
    margin-top: 60px;
    margin-bottom: 50px;
	
}




section {
    background-color: inherit;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
	justify-content: center;
	text-align: center;
}
/*footer {
    background-image: url(../images/header-footerBG.png);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .8em;
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	
	position: sticky;
	top: 100%;
}*/

#footer {
	background-image: url("../images/header-footerBG.png");
	background-size: auto 100%;
	text-align: left;
    margin: auto;
	padding: 20px 30px 5px 40px;
	position: sticky;
	top: 100%;
}

h3 {

font-family: Arial, "Arial Condensed Bold", "Arial Rounded MT Bold";
			text-transform:uppercase;
			font-weight : bold;
			font-size : .8em;
			color : black;

}

#footer .copyright {
    float: left;
}

#footer .social {
	float: right;
}

.socmed-icon {
	font-size: 30px;
	margin: 0px 10px;
}

h3 a {
    color: black;
	text-decoration: none;
}


#footer a:hover {
    color: red;
    text-decoration: none;
}




@media (max-width: 991.98px) {
	.nav-link {
	margin-right: 30px;
	padding: 2px;
}
	 .navbar-light .navbar-nav .nav-link:hover {
  	color: rgba(0, 0, 0, 1);
}
	.navbar-light .navbar-nav .nav-link:focus {
  	color: rgba(0, 0, 0, 1);
	}
	
	#ext-link:focus {
		color: red;
	}
}
	
@media (max-width:576px){
	.container-fluid header .navbar.navbar-expand-lg.navbar-light.bg-light {
    padding-left: 16px;
	padding-right: 16px;
	}
	
	.mainlogo {
		width: 150px
	}
	
	.carousel {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.socmed-logos {
	float:inherit;
	justify-content: center;
	}
	
#footer	.social {
	text-align: center;
	float: none;
	}
.socmed-icon {
	margin: 0px 15px;
	margin-top: 15px;

	}
	
#footer .copyright {
    text-align: center;
	float: none;
}
	
	
}


@media (max-height:428px){
	.container-fluid header .navbar.navbar-expand-lg.navbar-light.bg-light {
    /* [disabled]max-height: 25%; */
    padding-top: 0px;
    padding-bottom: 0px;
}
	.mainlogo {
		width: 130px
	}
	
	.carousel {
    margin-top: -14px;
}
}