body {
  margin: 0;  background-color: #212F63;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.header {background:#212F63;}
.content {margin: 0 auto; width:75%;}
.banner {margin: 0 auto;width:75%;}
.nav {margin: 0 auto; width:75%;}
.footer {background:#212F63; color:white;margin-left:25%;}

p, li {font-size:1em;}
h1 {font-size:1.2em;margin-left:5%;margin-right:5%;}
a {color:black;text-decoration:underline;}

.footer p {width:75%;color:#cccccc;font-size:0.7em;padding:20px;}
.footer a {color:#cccccc;text-decoration:underline;}

.left {float:left;width:46%;margin:2%;background:#ffffff;border-radius: 20px;}
.right {float:left;width:46%;margin:2%;background:#ffffff;border-radius: 20px;}
.singleleft {float:left;width:70%;margin:1%;background:#ffffff;border-radius: 20px;}
.singleright {float:left;width:24%;margin:1%;background:#ffffff;border-radius: 20px;}
.full {margin: 0 auto;width:96%;background:#ffffff;border-radius: 20px;clear:both;}

.left p, .right p, .full p, .singleleft p, .singleright p {margin-left:5%;margin-right:5%;}
.left h2, .right h2, .singleleft h2, .singleright h2 {margin-left:5%;margin-right:5%;color:#212F63;}

.full h2 {text-align:center;padding:10px;color:#212F63;}
.full img {float:left;width:21%;margin:2%;}

.social {float:right;width:25%;}
.social img {float:right;width:12.5%;margin-bottom:10px;}
.footsoc img {width:6.25%;}

.footsoc {text-align:left;margin-left:13.5%;width:45%;}

.button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  font-weight:bold;
}

.button:hover, .footer .button:hover {
  background-color: #9C2328;
  color: white;
  text-shadow: 2px 8px 8px #000000;
  transform: translateY(-3px);
  border-radius: 20px;
}

.button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  border-radius: 20px;
}

.button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 8px 16px;margin-bottom:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  border-radius: 20px;
}

.button2:hover, .footer .button2:hover {
  background-color: #FAA31B;
  color: white;
}

.button3:hover, .footer .button3:hover {
  background-color: #9C2328;
  color: white;
}

.footer .button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.7em;
  font-weight:normal;
}

.footer .button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
}

.footer .button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
  border-radius: 20px;
}






        .container2 {

            width: 100%;
            overflow: hidden;
        }
        
        .header2 {
            background: #c41e3a;
            color: white;
            text-align: center;
        }
        
        .header2 h1 {
            font-size: 28px;
            line-height: 1.4;
            font-weight: bold;
        }
        
        .content2 {

        }
        
        .timer {
            background: #f5f5f5;
            padding: 30px;
            text-align: center;
        }
        
        .timer-label {
            font-size: 24px;
            color: #333;
            margin-bottom: 20px;
            font-weight: bold;
        }
        
        .timer-display {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 15px;
            margin-top: 20px;
        }
        
        .time-unit {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .time-value {
            font-size: 36px;
            font-weight: bold;
            color: #c41e3a;
        }
        
        .time-label {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
            text-transform: uppercase;
        }
        
        .footer2 {
            background: #f5f5f5;
            padding: 20px;
            text-align: center;
            font-size: 14px;
            color: #666;
        }
        
        @media (max-width: 600px) {
            .header h1 {
                font-size: 22px;
            }
            
            .timer-display {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .time-value {
                font-size: 28px;
            }
        }