.grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   max-width: 400px;
   margin: 0 auto;
   grid-gap: 7px;
   padding: 0 20px;
}


.grid {
   display: grid;
   grid-gap: 7px;
   align-content: center;
}

h2 {
   font-size: 20px;
   margin-bottom: 30px;
}

.img-kontakt:hover {
   filter: saturate(200%);
}

.col-3-k {
   grid-column: span 2;
}

.border-fr {
   margin-top: 75px;
   border-top: 2px solid #fff;
   padding-top: 25px;
}


form label {
   display: grid;
   grid-gap: 5px;
}

form fieldset label {
   grid-template-columns: auto 1fr;
   margin-top: 10px;
}

form input,
select {
   padding: 10px;
   border: 1px solid black;
}

fieldset label {
   font-family: Alata-Regular, sans-serif;
   font-size: 17px;
   margin-bottom: 20px;
}

fieldset legend {
   font-family: Alata-Regular, sans-serif;
   font-size: 15px;
   padding: 10px 15px;
}

fieldset input {
   font-family: Alata-Regular, sans-serif;
   width: 14px;
   height: 14px;
   margin: 2px 11px;
}

form span {
   font-family: Alata-Regular, sans-serif;
   font-size: 12px;
}

label input {
   font-family: Alata-Regular, sans-serif;
   font-size: 12px;
}

.select-text {
   font-family: Alata-Regular, sans-serif;
   font-size: 12px;
}

fieldset {
   border: 2px solid #CC0033;
}

input[name="frtermin"] {
   accent-color: #CC0033;
}

input[name="ittermin"] {
   accent-color: #CC0033;
}

.color {
   accent-color: #CC0033;
   margin-bottom: 15px;
}

.grid-1-2-form {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: 20px;
}

p {
   font-family: Mukta-Regular, sans-serif;
   text-align: left;
   margin-top: 18px;
}

label a {
   color: #CC0033;
   padding-right: 10px;
   padding-left: 10px;
}

button {
   display: grid;
   justify-content: center;
   margin: 0 auto;
   border: 2px solid #CC0033;
   background-color: #000;
   color: #fff;
   font-size: 14px;
   padding: 10px 35px;
   margin-top: 20px;
   margin-bottom: 70px;
}

button:hover {
   background-color: #CC0033;
   color: #000;
}

.col-6-w {
   grid-column: span 2;
}








@media only screen and (min-width:730px) {

   .grid-container {
      grid-template-columns: repeat(8, 1fr);
      grid-gap: 5px;
      max-width: 710px;
      margin: 0 auto;
      padding: 0;
  }

   h2 {
      font-size: 30px;
      margin-bottom: 35px;
   }

   .border-fr {
      margin-top: 120px;
      padding-top: 25px;
   }

   .col-3-k {
      grid-column: span 2;
   }


   .col-6-w {
      grid-column: span 4;
   }

   fieldset label {
      font-size: 17px;
      margin-bottom: 20px;
   }

   fieldset legend {
      font-size: 21px;
      padding: 11px 17px;
   }

   fieldset input {
      width: 15px;
      height: 15px;
      margin: 2px 11px;
   }

   form span {
      font-size: 17px;
   }

   label input {
      font-size: 17px;
   }

   .select-text {
      font-size: 17px;
   }

   button {
      font-size: 16px;
      padding: 15px 40px;
      margin-top: 20px;
      margin-bottom: 60px;
   }

   .color {
      margin-bottom: 5px;
   }

   


   
}


@media only screen and (min-width:1200px) {

   .grid-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 20px;
      max-width: 1180px;
      margin: 0 auto;
      padding: 0;
  }

   h2 {
      font-size: 45px;
   }
	
	
	.border-fr {
      margin-top: 185px;
      padding-top: 25px;
   }
	
	

   .col-3-k {
      grid-column: span 3;
   }

   .col-6-w {
      grid-column: span 6;
   }

   fieldset {
      border: 3px solid #CC0033;
   }

   fieldset label {
      font-size: 20px;
      margin-bottom: 20px;
   }

   fieldset legend {
      font-size: 23px;
      padding: 15px 25px;
   }

   fieldset input {
      width: 20px;
      height: 20px;
      margin: 2px 15px;
   }

   form span {
      font-size: 20px;
   }

   label input {
      font-size: 20px;
   }

   .select-text {
      font-size: 20px;
   }

   button {
      font-size: 20px;
      padding: 18px 65px;
      margin-top: 20px;
      margin-bottom: 60px;
   }




   
}