body {
              background-color: #D33D27;
              color: white;
              margin: 0;
              padding: 0;
              display: flex;
              justify-content: center;
              align-items: center;
            /*  height: 100vh; */
              flex-direction: column;
          }

          .custom-container {
              background-color: #D33D27;
              border: 3px solid white;
              border-top: 0px;
              border-radius: 9px;
              margin-top: 25vh; /* Adjust this to better fit your design */
         }

          .half {
           /*   padding: 0px;*/
              display: flex;
              align-items: center;
              justify-content: center;
			  
          }

          .half:nth-child(odd) {
              background-color: white;
              color: #D33D27;
              border-top-left-radius: 5px;
              border-top-right-radius: 5px;
          }

          .half:nth-child(even) {
              background-color: #D33D27;
              color: white;
              border-bottom-left-radius: 9px;
              border-bottom-right-radius: 9px;
          }

          .your-text h1, .second-half-text {
              margin: 0; /* Keeps the text tightly packed */
			  font-weight: bold; /* Makes the font bolder */
          }

          /* Adjust font sizes as necessary */
          .your-text h1 {
              font-size: 170px;
              line-height: 0.8;
              margin-bottom: 5px;
			  
          }

          .second-half-text {
              font-size: 65px;
			  
          }
          
          @media (max-width: 767px) {
              .your-text h1 {
                  font-size: 100px; /* Půlka původní velikosti */
                  line-height: 0.9;
              }

              .second-half-text {
                  font-size: 40px; /* Půlka původní velikosti */
              }
              
              .your-text h1 {
                  margin-bottom: 0px;
              }

              /* Button font size adjustment */
              .btn-contact {
                  font-size: 14px !important;
              }
          }
          
          /* Button styles */
          .btn-contact {
            background-color: #D33D27;
            color: white;
            text-align: center;
            font-size: 22px;
            border-radius: 9px;
            padding: 5px 10px;
            border: 1px solid white;
            margin-top: 40px;
            cursor: pointer;
          }
    
          .btn-contact:hover {
            background-color: #D33D27;
            opacity: 0.8;
            color: white;
          }

          .button-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
          }

          .modal-content {
            background-color: white; /* Background color for the content */
            color: #333;
          }

          .modal-body {
            background-color: white; /* Background color for modal body */
            color: #333;
          }

          .form-group {
            border: 1px solid white;
            border-radius: 5px;
            margin-bottom: 10px;
          }
          /* Modify the text color of the modal title and close button for readability */
          .modal-header.navbar-inverse h4.modal-title {
              color: #fff;
          }

          /* Change the color of the close button in the modal header */
          .modal-header.navbar-inverse .close {
              color: white; /* Your desired color */
              opacity: 0.5;
          }