* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	display: grid;
	min-height: 100dvh;
	grid-template-rows: auto 1fr auto;
}
#logo,
#logo2{
	font-size: 24px;
	margin-left: 40px;
}

.nav-link{
	color: rgb(255, 253, 248);
}
.nav-link:hover{
	color: #e94f04;
}
.contactBold a{
	color: #e94f04;
}
nav #navbarNavDropdown,
#footer-icons{
	margin-right: 40px
}

body{
	background-color: #e6e6e6;
}

h1{
	font-family: "Noto Sans", serif;
	color: white;
	font-weight: 800;
	margin-bottom: 20px;
}
#banner {
	background-image: url("../images/Banner.png");
	background-color: #4d4d4d;
	background-repeat: no-repeat;
	background-position: center center;
	height: 544px;
	max-width: 100%;
}
.infoBanner {
	padding-top: 13.5rem;
}
#banner h2{
	font-family: "Noto Sans", serif;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 20px;
}
#about h2,
#sealant h2,
#questions h2,
#contact h2,
#error h2,
#moreSealant h2{
	font-family: "Noto Sans", serif;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-top: 80px;
	color: #e94f04;
}
#moreSealant h2{
	text-align: left;
	margin-top: 0;
}
#about img{
	max-width: 400px;
	max-height: 400px;
}
#about div{
	margin-top: 50px;
}
#questions .accordion{
	margin-top:20px
}
#sealant {
	background-color: #333333;
}
#sealant h2{
	padding-top: 36px;
}
#sealant article{
	padding: 20px;
}
.accordion-item{
	margin-top: 10px;
}
.accordion-button {
	background-color: #ff6600 !important;
	border-top: solid 2px #de4a00;
	border-left: solid 2px #de4a00;
	border-right: solid 2px #de4a00;
	border-radius: 5px;
	color: black;
	font-weight: 700;
}
.accordion-button:not(.collapsed){
	background-color: #fa8638  !important;
	color: black;
	font-weight: 700;
}
.accordion-body{
	border: solid 2px #de4a00;
	border-radius: 5px;
}
.accordion-header,
.accordion-body{
	color: black;
}
#contact p{
	text-align: center;
	margin-bottom: 50px;
}
#contact .bg-gris{
	background-color: #666666;
	padding: 80px 0px;
	align-content: center;
}
#contact ul li{ 
	list-style: none;
}
#contact li{
	margin-bottom: 20px;
}
#contact h3{
	font-family: "Noto Sans", serif;
	font-weight: 600;
	text-align: left;
	color: white;
	font-size: 20px;
	margin-bottom: 0;
}
#contact a{
	font-family: "Noto Sans", serif;
	font-weight: 300;
	text-align: left;
	color: white;
	font-size: 16px;
	text-decoration: none;
}
form label{
	font-family: "Noto Sans", serif;
	font-weight: 500;
	color: black;
}
#contact div{
	margin-bottom: 20px;
}
#footer div{
	text-align: center;
}
#footer li a{
	color: #cccccc;
	margin-bottom: 10px;
}
#footer li a:hover{
	color: #de4a00;
}
.borderFooter{
	border-top: 2px solid grey;
    border-width: thin;
    width: 95%;
	margin: auto;
}

.terms{
	background-color: #212529;
	border: none;
	color: grey;
}
.terms:hover{
	color: #de4a00;
}
#copyright{
	color: grey;
}
h3{
	font-family: "Noto Sans", serif;
	color: black;
	font-weight: 700;
  	font-style: normal;
	font-size: 1.6em;
	text-align: center;
}
p{
	font-family: "Noto Sans", serif;
	color: black;
	font-size: 1em;
}
.contactBtn{
	background-color: #de4a00;
	color: black;
	font-weight: 600;
	padding: 10px 60px;
}
.contactBtn:hover{
	background-color: #fa8638;
}
#bd-theme{
	background-color: #de4a00;
}

#sealantReverse{
	flex-direction: row-reverse;
	padding: 40px 0px;
	align-items: center;
}
.right{
	margin-left: 40px;
}


@media(max-width:850px) {


.margin-top1{
	margin-top: -8%;
}
.margin-top2{
	margin-top: -4%;
}



footer{
	text-align: center;
}

.liFooter{
	margin-left:20px ;
}
#copyright{
	font-size: 0.8em;
}
  
#error{
	padding-top: 100px;
	align-items: center;
	justify-content: center;
}
#error img{
	max-width: 350px;
}
}
@media(max-width:850px) {
	#contact .bg-gris{
		padding: 80px 20px;
	}
	#sealantReverse{
		flex-direction: column-reverse;
	}
	.right{
		margin-left: 0;
	}
	#moreSealant h2{
		margin-top: 20px;
	}
}
@media screen and (max-width:991px){
	.navbar-toggler-icon:hover {
		background-image: url('../images/menu.png');
		background-size: 80%;
		
	}
	.navbar-toggler{
		margin-right: 20px;
	}
	#banner{
		width: auto;
	}
	/*.d-flex{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
	}*/
	.marginRight{
		text-align: center;
		margin-right: 0;
	}
	nav #navbarNavDropdown{
		margin-right: 0;
	}
}
@media screen and (max-width:1999px){
	#about div{
		flex-wrap: nowrap;
	}

	#contacto{
		background-size: auto;
	}
}
@media screen and (max-width:800px){
	#about img,
	#sealant img{
		margin-bottom: 20px;
	}

}
@media screen and (max-width:767px){
	html, body {
	   overflow-x: hidden;
	 }
	body {
	   width:100%;
	 }
	 footer{
		flex-direction: column;
		justify-content: center;
	}
	#logo2{
		margin-left: 0;
	}
	#footer-icons{
		margin-right: 0;
	}
	#about div{
		flex-wrap: wrap;
		justify-content: center;
	}
}