/*MAIN 1ST PAGE - VR INFO*/

* {
  margin: 0px;
  padding: 0px;
  font-family: arial;
}

.home_body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 100px 1fr 80px 120px 1fr 80px 5px;
  background-color: #0ca678;
  border: 10px;
  text-decoration: none;
}

.home_img0 {
  box-shadow: 10px 10px 12px;
  border-radius: 50%;
}

.home_info {
  color: white;
  margin: 0px;
  font-size: 12px;
  position: absolute;
  top: 105px;
  left: 5px;
}

.home_nav {
  display: flex;
  font-size: 25px;
  font-weight: bold;
  gap: 6rem;
  align-items: center;
  justify-content: center;

}

.home_home {
  text-decoration: none;
}

.home_products {
  text-decoration: none;
}

.home_customers {
  text-decoration: none;
}

.home_contacts {
  text-decoration: none;
}

.home_store {
  text-decoration: none;
}

.home_img1 {
  grid-column: 1/-1;
}

.home_matter1 {
  grid-column: 1/-1;
  color: rgb(255, 255, 255);
  margin: 0px;
  align-self: center;
}

.home_matter2 {
  grid-column: 1/-1;
  align-self: center;
  justify-self: center;
  font-size: 40px;
    letter-spacing: 8px;
  height: 60px;
  font-weight: bold;
  font-family: italic;
}

.home_icon {
  width: 40px;
  height: 40px;
  stroke: black;
  align-items: center;
}

.home_img2 {
  grid-column: 1/-1;
}

.home_matter3 {
  grid-column: 1/-1;
  color: white;
  align-self: center;
}

a:hover {
  background-color: #38d9a9;
  border-radius: 10px;
}

a:visited {
  color: #003262;
}

a:active {
  color: black;
}

/*2ND PAGE - PRODUCT PAGE*/

.products_0 {
  border: 10px;
  text-decoration: none;
  background-image: url("img/products.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.products-top {
  display: flex;
  gap: 600px;
  margin-bottom: 50px;
  margin-top: 20px;
}

.products_1,
.customers_1,
.contacts_1 {
  display: flex;
  align-self: start;
  font-size: 14px;
  text-decoration: none;
  background-color: white;
  border-radius: 10px;
}

.products_back,
.customers_back,
.contacts_back {
  width: 50px;
  text-decoration: none;
}

.products_2 {
  justify-content: center;
  color: #f06595;
  }

.products_logo {
  display: grid;
  grid-template-columns: repeat(5, 6fr);
  grid-template-rows: 15px 60px 35px repeat(4, 25px);
  justify-items: center;
  align-items: end;
  grid-row-gap:5px;
}

.products_logo2 {
  display: grid;
  grid-template-columns: repeat(5, 6fr);
  grid-template-rows: 15px 60px 35px repeat(4, 25px);
  justify-items: center;
  align-items: end;
  grid-row-gap: 5px;
}

.products_logo3 {
  display: grid;
  grid-template-columns: repeat(4, 5fr);
  grid-template-rows: 15px 60px 15px repeat(4, 25px);
  justify-items: center;
  align-items: end;
  grid-row-gap:15px;
}
.products_logo img,
.products_logo2 img,
.products_logo3 img,
.el img {
  border-radius: 5px;
}

article h4 {
  color: #e03131;
  background-color: #ffc9c9;
  border-radius: 5px;
  letter-spacing: 0.5px;
}

/*3RD PAGE - OEM PAGE*/

.customers_0 {
  border: 10px;
  text-decoration: none;
  background-image: url("img/customers.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}

.customers_top {
  display: flex;
  gap: 600px;
  margin-bottom: 50px;
  margin-top: 20px;
}

.customers_2 {
  justify-content: center;
  color: #a9e34b;
  /* text-shadow: 10px 10px 15px; */
}

.customers_pic {
  margin-bottom: 50px;
}

.customer-logo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin: 20px;
  justify-items: center;
  align-items: center;
}

.customer-logo img {
  border-radius: 12px;
}

/*4TH PAGE - CONTACTS*/

.contacts_0 {
  border: 10px;
  text-decoration: none;
  background-image: url("img/contact.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.contacts_top {
  display: flex;
  gap: 600px;
  margin-bottom: 50px;
  margin-top: 20px;
}

.contacts_2 {
  justify-content: center;
  /* text-shadow: 10px 10px 15px; */
  color: #212529;
}

.contacts_3 {
  margin-top: 20px;
}

.contacts_4 {
  margin-top: 50px;
  padding-right: 900px;
}

.contacts_pic {
  margin: 50px 0;
}

/*FOOTER*/

.copyright_0 {
  grid-column: 1/-1;
  background-color: white;
  font-size: 10px;
  color: black;
  margin-top: 5px;
  clear: both;
  position: relative;
  bottom: 0px;
  width: 100%;
}

.copyright {
  grid-column: 1/-1;
  background-color: white;
  font-size: 10px;
  color: black;
  margin-top: 5px;
  clear: both;
  position: absolute;
  bottom: 0px;
  width: 100%;
}