* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #f0f2f4;
  min-height: 100vh;
}

.container {
  display: grid;
  grid-template-columns:[startline] 1fr 1fr [middle] 1fr 1fr [endline];
  grid-template-rows: auto;
  grid-auto-rows: auto;
  gap: 10px;
  justify-items: center;
  align-items: center;
}

.index_telegram {
  display: grid;
  grid-template-columns: 50px auto;
  justify-items: start;
  align-items: center;
  color: #574cf1;
}



 .logo {
  display: inline-block;
  position: relative;
  height: 82px;
  max-width: 190px;
  line-height: 84px;
}

.container1 {
  display: grid;
  grid-template-columns:[l1] auto auto auto 2fr [l2];
  grid-template-rows: auto;
  justify-content: start;
  justify-items: start;
  align-items: center;
  gap: 30px;
  background-color: #c4f1ae;
  margin-bottom: 30px;
  min-height: 3rem;
}
.container1 > div {
  padding-left: 3rem;  
}

.row { 
   background-color: #f4f2f0;
}

.container1_support {
  display: grid;
  grid-template-columns:[startline] 1fr [middle] 3fr [endline];
  grid-template-rows: auto;
  gap: 10px;
}

.bolttext {
  color: #067a23;
  font-weight: 700;
}

.bolttext:hover{
  color: #10c807;
}

.boxupper {
  margin-top:5rem;
  margin-bottom:5rem;
}

.exs{
  
  background-image: url('/img/agroprodmash2023.jpg');
  background-size: contain ;
  opacity: 1.1;
  font-size: 1.5rem;
  
}

.exs:hover{
  background-image: unset;
  background-color:#b5b5bc;
  h3{
    text-decoration: solid underline rgb(247, 161, 13) 4px;
  };
  h4{
    text-decoration: solid underline rgb(247, 161, 13) 3px;
  };
}

.exsp{
  background-color: #f5f5f5;
  color: #1204d1;
  font-weight: 900;
  
}


.container3 {
  display: grid;
  grid-template-columns:[startline] 1px[middle] 1fr [endline];
  grid-template-rows: auto;
  gap: 10px;
  min-height: 100vh;
}

.spk{
  background-image: url('/images/spk_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}


.spe{
  background-image: url('/images/spe_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 3rem;
}


.ax100{
  background-image: url('/images/ax100_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}


.ax200{
  background-image: url('/images/ax200_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}


.ax300{
  background-image: url('/images/ax300_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}


.ax400{
  background-image: url('/images/ax400_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}


.mda{
  background-image: url('/images/mda_foto.jpg');
  height: 15rem;
  width: 15rem;
  font-size: 2rem;
}

.c {
  grid-column: startline / middle;
  border: 5px solid #9e9ea3;
  font-size: 2rem;
}

.c1 {
  grid-column: startline / middle;
  font-size: 2rem;
}
.c1-1 {
  font-size: 1,5rem;
}

.ca1 {
  grid-column: startline / middle;
  justify-items: start;
  align-items: center;
}

.ca2 {
  grid-column: middle / endline;
  justify-items: start;
  align-items: center;
}

li {
  margin: 1rem;
}

.c2 {
  grid-column: middle / endline;
  border: 5px solid #9e9ea3;
  background-color: #daf0d0;
  font-size: 2rem;
}

.c3 {
  grid-column: startline / endline;
  border: 5px solid #9e9ea3;
  padding: 1rem;
  text-indent: 5px;
  font-size: 1.5rem;
}

.b { 
  padding: 0.2em 5em;
}

.b2 { 
  padding: 0.2em 2em;
}
.b3 {
  display: inline-block;
}

.d {
  display: flex;
  margin-right: 50px;
}

a {
  color: #0d1113;
}


.prod-card {
  background-color: #c5c7c4;
  box-shadow: 0 10px 25px rgb(0 0 0 / 15%);
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  overflow: hidden;
  min-height: 300px;
  padding: 2rem 1rem;
  font-size: 1rem;
}


.prod-card1 {
  box-shadow: 0 10px 25px rgb(0 0 0 / 15%);
  margin-right: 2rem;
  padding: 2rem 1rem;  
}

@media screen and (max-width: 800px) {

.container_support {
  display: grid;
  grid-template-columns:[startline] 1fr [middle] 1fr [endline];
  grid-template-rows: 0.5fr 2.5fr;
  grid-auto-rows: 2.5fr;
  gap: 10px;
  min-height: 100vh;
}


.container1_support  {
  display: grid;
  grid-template-columns:[startline] 1px[middle] auto [endline];
  grid-template-rows: auto;
  gap: 10px;
}

.c1 {
  display: none;
}


.c2 {
  grid-column: startline/endline;
  
}

.ca1 {
  grid-column: startline/endline;
}
.ca2 {
  display: none;
}
.prod-card {
  background-color: #c4f1ae;
}  

}