body {
            background-image: url('starry_sky_background.jpg');
            background-size: cover;
            background-repeat: repeat;
            background-position: center center;
border: 0px;
margin: 0px;
padding-top: 2vh; 
padding-bottom: 2vh;
padding-left: 1vw;
padding-right: 1vw;
}

.container {
display: flex;
justify-content: center;
}

main { 
background-position: center center; width: 98vw;
background-color: rgba(150,10,30,1.0);
padding-left: 1vw; padding-right: 1vw; padding-top: 1vh; padding-bottom: 1vh;
border: 0px; margin: 0px;
}

section { 
background-color: RGBA(240,231,218,1.0);
padding-left: 3vw; padding-right: 3vw; padding-top: 1vh; padding-bottom: 3vh;
border: 0px; margin: 0px;
}

.navbar ul { 
list-style-type: none; 
background-color: rgba(150,10,30,1.0);
padding-bottom: 0.3em;
margin: 0px;
overflow: hidden;
}


.navbar li {
float: right; text-align: center;
}

.navbar_top {
display: flex;
justify-content: right;
}

.navbar_top a {color: rgba(255,217,102,1.0);
text-decoration: none;
font-weight: bold;
padding: 0.3em;
display: block;
text-align: left;
font-size: clamp(0.8rem, calc(1.4vw + 0.8rem), 3rem);
}

.navbar_top a:hover {color: rgba(255,217,102,1.0);
text-decoration: underline;
font-weight: bold;
padding: 0.3em;
display: block;
text-align: left;
transition-delay: 0.3s;
font-size: clamp(0.8rem, calc(1.4vw + 0.8rem), 3rem);
}

.nav { 
background-color: rgba(150,10,30,1.0);
padding-top: 1vh;
padding-bottom: 1vh;
padding-left:	1vw;
padding-right: 1vw;
}


header { text-align: center;
}

br {
line-height: 120%;
}

h1 { 
color: RGBA(150,10,30,1.0);
text-align: center;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
margin-bottom: 0px;
font-size: clamp(1.2rem, calc(1.8vw + 0.8rem), 2.8rem);
}

.Content_Page{
font-size: clamp(1.8rem, calc(5vw + 2.5rem), 3rem);
}

h2 { color: RGBA(150,10,30,1.0);
text-align: center;
line-height: 100%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
font-size: clamp(1.2rem, calc(2vw + 1rem), 3.5rem);
}

h3 { color: RGBA(150,10,30,1.0); 
text-align: center;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
}

h4 { color: RGBA(150,10,30,1.0); 
text-align: center;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
font-size: clamp(1.1rem, calc(1.6vw + 0.8rem), 2.5rem);
}

h5 { color: RGBA(150,10,30,1.0); 
text-align: center;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
font-size: clamp(1rem, calc(1.4vw + 0.6rem), 2rem);
}


h6 { color: RGBA(150,10,30,1.0); 
text-align: center;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif; 
padding-bottom: 0px;
font-size: clamp(1rem, calc(1.2vw + 1rem), 1.7rem);
}

p { 
color: RGBA(21,21,21,1.0);
text-align: justify;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.85rem, calc(1vw + 1.2rem), 2rem);
}

.main_paragraph { 
color: RGBA(21,21,21,1.0);
font-weight: bold;
font-style: italic;
text-align: justify;
line-height: 120%;
font-family: “Georgia”, “Garamond”, serif;
padding-bottom: 0px;
font-size: clamp(0.85rem, calc(1.5vw + 1rem), 2rem);
}


hr { color: RGBA(150,10,30,1.0);
width: 90%; align: center;
1vh;
}

.video_border {
display: flex;
justify-content: center;
}

.video_border iframe {
border: 2px RGBA(150,10,30,1.0);
}

ul {
}

li { 
color: RGBA(21,21,21,1.0); 
text-align: justify;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0.3em;
font-size: clamp(1rem, calc(1.5vw + 1rem), 2rem);
}

.player {
aspect-ratio: 16/9;
width: 99%;
text-align: center;
}

button { 
background-color: rgba(150,10,30,1.0);
padding-left: 2vw;
padding-right: 2vw;
padding-top: 2vw;
padding-bottom: 2vw;
border-radius: 5px;
margin: 0px auto;
display: block;
color: rgba(255,217,102,1.0);
}

button a { 
color: rgba(255,217,102,1.0);
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
}

button:hover {
background-color: rgba(150,10,30,0.75);
color: rgba(255,217,102,1.0);
font-weight: bold;
text-align: center;
transition: transform 0.3s;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
}


.GoFundMeLink b { 
color: RGBA(150,10,30,1.0); 
text-align: justify;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0.3em;
font-size: clamp(1rem, calc(1.5vw + 1rem), 2rem);
}

.next_page ul { 
list-style-type: none; 
background-color: rgba(240,231,218,1.0);
padding: 0px;
right-margin: 10vw;
overflow: hidden;
}

.next_page a {
color: rgba(150,10,30,1.0);
text-decoration: none;
font-weight: bold;
padding: 0.5em;
display: block;
text-align: right;
font-size: clamp(1rem, calc(1.5vw + 1rem), 2rem);
}

.next_page li {
float: right;
padding-right:5vh;
}

footer { 
background-color: RGBA(150,10,30,1.0);
color: rgba(255,217,102,1.0);
text-align: justify;
padding-left: 2vw; padding-right: 2vw; padding-top: 1vh; padding-bottom: 1vh;
border: 0px; margin: 0px;
}

.navbar_bottom { display: flex;
justify-content: center;
}

.navbar_footer ul { 
list-style-type: none; 
background-color: rgba(150,10,30,1.0);
padding: 0px;
margin: 0px;
overflow: hidden;
}

.navbar_footer li {
float: left; text-align: center;
}

.navbar_footer a {
color: rgba(255,217,102,1.0);
text-decoration: none;
font-weight: bold;
padding: 0.5em;
display: block;
text-align: center;
font-size: clamp(0.8rem, calc(1vw + 0.8rem), 1.7rem);
}

.navbar_footer a:hover {color: rgba(255,217,102,1.0);
text-decoration: underline;
font-weight: bold;
padding: 0.5em;
display: block;
text-align: left;
transition-delay: 0.3s;
font-size: clamp(0.8rem, calc(1vw + 0.8rem), 1.7rem);
}
}

.navbar_footer li {
float: left;
text-align: center;
}

.navbar_footer {
display: flex;
justify-content: center;
}

.p_footer { 
color: rgba(255,217,102,1.0);
text-align:center;
font-size: clamp(0.8rem, calc(1vw + 0.4rem), 1.5rem);
}

.title label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
padding-bottom: 0px;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.title option{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,217,102,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.title select{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0);
}

.other_title label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.other_title input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.fname label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.fname input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0);
}

.lname label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.lname input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.email label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.email input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.orgtype label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}


.other_org label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 150%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.other_org input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.orgname label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.orgname input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.town label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.town input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.country label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);

}

.country input{ 
color: rgba(150,10,30,1.0);
background-color: RGBA(255,255,255,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
border-color: rgba(150,10,30,1.0); 
}

.comment_box label{ 
color: RGBA(21,21,21,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.comment_box textarea { 
color: RGBA(150,10,30,1.0);
text-align: justify;
text-decoration: bold;
line-height: 120%;
font-family: “Helvetica”, “Arial”, sans-serif; 
padding-bottom: 0px;
font-size: clamp(0.8rem, calc(1.2vw + 0.8rem), 2.5rem);
}

.form {
width:80vw;
border: 3px solid rgba(150,10,30,1.0);
border-radius: 5px;
padding: 3vw;
}

.comment_box textarea{
width: 98%;
border-color: rgba(150,10,30,1.0);
display: block;
text-align: left;
}


.submit input { 
background-color: rgba(150,10,30,1.0);
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1vw;
padding-bottom: 1vw;
border-radius: 5px;
margin: 0px auto;
display: block;
text-align: center;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
color: rgba(255,217,102,1.0);
font-weight: bold;
}

.submit input a { 
color: rgba(255,217,102,1.0);
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
}

.submit input:hover {
background-color: rgba(150,10,30,0.75);
color: rgba(255,217,102,1.0);
font-weight: bold;
text-align: center;
transition: transform 0.3s;
font-size: clamp(1.1rem, calc(1.8vw + 0.8rem), 3rem);
}


}

@media only screen and (max-width: 600px){

body { padding-left: 1vw;
padding-right: 1vw;
}

main { width: 98vw;
margin: 0px; border: 0px;
}

section { margin: 0px; border: 0px;
}

p { font-size: 14pt;
}

.main_paragraph { font-size: 14pt;
}

h3 { font-size: 18pt;
}

.video_border iframe {
border: 2px solid RGBA(150,10,30,1.0);
}

.form {
width:80vw;
border: 2px solid rgba(150,10,30,1.0);
border-radius: 5px;
padding: 3vw;
}

.comment_box textarea{
width: 70vw;
border-color: rgba(150,10,30,1.0);
display: block;
text-align: left;
}

.submit input {
padding-top: 2vw;
padding-bottom: 2vw;
}

}

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

body { padding-left: 1vw;
padding-right: 1vw;
}

main { width: 98vw;
}

section { margin: 0px; border: 0px;
}

.video_border iframe {
border: 3px solid RGBA(150,10,30,1.0);
}


}

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

body { padding-left: 2vw;
padding-right: 2vw;
}

main { width: 96vw;
}

section { margin: 0px; border: 0px;
}

.video_border iframe {
border: 4px solid RGBA(150,10,30,1.0);
}

button{
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}

}

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

body { padding-left: 3vw;
padding-right: 3vw;
}

main { width: 94vw;
}

section { margin: 0px; border: 0px;
}

.video_border iframe {
border: 5px solid RGBA(150,10,30,1.0);
}

button{
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}


}

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

body { padding-left: 3vw;
padding-right: 3vw;
}

main { width: 94vw;
}

section { margin: 0px; border: 0px;
}



.video_border iframe {
border: 7px solid RGBA(150,10,30,1.0);
}

button{
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}

}

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

body { padding-left: 3vw;
padding-right: 3vw;
}

 main { width: 94vw;
}

section { margin: 0px; border: 0px;
}



.video_border iframe {
border: 9px solid RGBA(150,10,30,1.0);
}

button{
padding-top: 1vw;
padding-bottom: 1vw;
}

}

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

main { width: 2208px;
}

section { margin: 0px; border: 0px;
}

	
.video_border iframe {
border: 9px solid RGBA(150,10,30,1.0);
}


button{
padding-top: 1vw;
padding-bottom: 1vw;
}

}