@font-face {
    font-family: myFirstFont;
    src: url(https://mazdarsvp.com/fathersday2026/assets/font/MazdaType-Regular.otf);
}

.table .table td, .table th {
    font-family: myFirstFont;
}
.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}

.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}
.label{
    font-family: myFirstFont;
}
.more {display: none;}

.rcorners2 {
    margin: auto;
    border-radius: 25px;
    border: 1px solid #ffffff;
    padding: 20px;
    width: 95%;
    height: 60%;
    text-align: center;
    color:#ffffff;
    font-size:1rem;
    font-family: myFirstFont;
}
.rcorners22 {
    margin: auto;
    border-radius: 25px;
    border: 1px solid #ffffff;
    padding: 20px;
    width: 100%;
    height: 70%;
    text-align: center;
    color:#ffffff;
    font-size:1rem;
    font-family: myFirstFont;
}
.rcorners12 {
    margin: auto;
    border-radius: 25px;
    border: 1px solid #ffffff;
}

	.error{
	    color: #ff0000;
	    font-style: italic;
	    font-family: myFirstFont;
	}
	label {
		color: #ffffff;
	}
	.ftext{
		line-height: 1;
		color: #ffffff;
		font-family: myFirstFont;
	}
	.ftext1{
		font-size: 13px;
		line-height: 1;
		color: #ffffff;
		font-family: myFirstFont;
	}
	.fheader{
		line-height: 1;
		color: #ffffff;
		font-family: myFirstFont;
	}
	.jumbotron {
		background-image: url("https://mazdarsvp.com/fathersday2026/assets/images/media_banner.png");
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 29%;
		margin-bottom:0px;
	}
	hr{
		size:10px;
		color: #ffffff;
	}


	@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
			.rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}


		}
		@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
      .rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}

		}
		@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
      .rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}

		}
		@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
      .rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}
		}
		@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
      .rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}
		}
		@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
			.rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}
		}
		@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
			h1{
				font-size: 15px;
				font-family: myFirstFont;
			}
			.ftext{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #ffffff;
			    font-family: myFirstFont;
			}
			.rcorners2 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 50%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}
			.rcorners22 {
			    margin: auto;
			    border-radius: 25px;
			    border: 1px solid #ffffff;
			    padding: 20px;
			    width: 100%;
			    height: 57%;
			    text-align: center;
			    color:#ffffff;
			    font-size:1rem;
			    font-family: myFirstFont;
			}

			.headernew{
    color:#ffffff;
    font-size:28px;
    font-family: myFirstFont;
}
.subheadernew{
    color:#ffffff;
    font-size:16px;
    font-family: myFirstFont;
}
.contentnew{
    color:#ffffff;
    font-family: myFirstFont;
}
		}