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

body{
	font-family:myFirstFont!important;
	background-color: #ffffff!important;
}
.cancel-btn{
	position: absolute;
    right: -12px;
    top: -17px;
}
.cancel-btn button{
	border-radius: 100%;
    width: 35px;
    height: 34px;
    padding: 0;
    text-transform: capitalize;
}
.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: #000000;
		    font-size: 18px;
	}
	.ftext{
		line-height: 1;
		color: #000000;
		font-family: myFirstFont;
	}
	.ftext1{
		font-size: 13px;
		line-height: 1;
		color: #000000;
		font-family: myFirstFont;
	}
	.fheader{
		line-height: 1;
		color: #000000;
		font-family: myFirstFont;
	}
	.jumbotron {
		background-image: url("https://www.mazdarsvp.com/golfevent/assets/images/mediabanner.jpeg");
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 27%;
		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: #252525;
			    font-family: myFirstFont;
			}
			.ftext1{
			    font-size: 10px;
			    line-height: 1;
			    color: #252525;
			    font-family: myFirstFont;
			}
			.fheader{
			    font-size: 10px;
			    line-height: 1;
			    color: #252525;
			    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;
}
		}