.theme-background {
	background: #481a58;
	color: #ffffff;
}

.theme-alt-background {
	background: #280136;
	color: #ffffff;
}

.theme-foreground {
	background-color: #f0ecec;
	color: #481a58;
}

.theme-alt-foreground {
	background-color: #f0ecec;
	color: #280136;
}

.theme-background-font-color {
	color: #ffffff
}

.theme-foreground-font-color {
	color: #481a58
}

.theme-alt-font-color {
	color: #f84d17
}

.border-theme {
	border-color: #481a58;
	border-width: 10px;
}

.navbar a{
	font-family: 'Adagasima';
	font-size: 15px;
}
.navbar-brand {
    max-height: 100px;
}

.navbar-toggler:focus {
	outline: none;
	border: 1px solid;
	box-shadow: none;
}

#welcome {
	height: 100vh;
}

#main-image {
	width: 100%;
	height: 100%;
	object-position: 50% 25%;
	opacity: 0.9;
}

#main-frosty {
	position: absolute;
	top: 67%;
	left: 2%;
	right: 2%;
	background: transparent;
}
#main-frosty img {
	max-height: 30vh;
	-webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
    mask-image: linear-gradient(to right, transparent, #fff, transparent);
}

#priorities h1 {
	font-family: 'Exo 2';
	font-size: 75px;
	font-weight: 700;
}
.card-text {
	font-family: 'Exo 2';
	font-size: 16px;
	font-weight: 100;
}

#about-me {
	height: 50vh;
}

#about-me img {
	max-height: 50vh;
	-webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
    mask-image: linear-gradient(to right, transparent, #fff, transparent);
}
#about-me a #about-me-frosty {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.9;
	background: linear-gradient(to right, #fff -100%, #481a58 200%);
	border-radius: 5px;
}
#about-me-frosty p:first-of-type {
	font-family: 'Exo 2';
	font-style: italic;
	font-size: 40px;
	font-weight: 800;
	color: #481a58;
	padding-top: 15px;	
}
#about-me-frosty p {
	font-family: 'Montserrat';
	font-size: 20px;
	color: #481a58;
	padding-left: 15px;
	padding-right: 15px;
}
#address, #phone, #email, #social {
	border-top: 2px solid #481a58;
	border-right: 2px solid #481a58;
}
#footer p {
	font-family: Roboto;
}
#footer p:last-of-type {
	font-size:12px;
	padding-left:33%;
	padding-right:33%
}

#about {
	height: 60vh;
}
#about #main-image {
	object-position: 55% 30%;
}
#about #main-frosty {
	top: 43%;
	background: linear-gradient(to right, transparent, #fff, transparent);
}
#about h1 {
	font-family: 'Ysabeau Office';
	font-size: 75px;
	font-weight: 700;
}
#about-main-section h2 {
	font-family: 'Bebas Neue';
	font-size: 35px;
	font-weight: 800;
}
#about-main-section p {
	font-family: 'Ysabeau Office';
	font-size: larger;
}

#my-priorities {
	height: 50vh;
}
#why-me {
	height: 70vh;
}
#my-priorities #main-image {
	object-position: 47% 40%;
}
#why-me #main-image {
	object-position: 80% -7%;
}
#my-priorities #main-frosty {
	top: 35%;
	background: linear-gradient(to right, transparent, #fff, transparent);
}
#why-me #main-frosty {
	top: 54%;
	background: linear-gradient(to right, transparent, #fff, transparent);
}
#my-priorities h1, #why-me h1 {
	font-family: 'Bebas Neue';
	font-size: 75px;
	font-weight: 700;
}
#my-priorities-main-section #content, #why-me-main-section #content  {
	border-bottom: 2px solid black;
	margin-bottom: 50px;
	padding-bottom: 30px;
}
#my-priorities-main-section h2, #why-me-main-section h2 {
	font-family: 'Exo 2';
	font-size: 30px;
	font-weight: 700;
}
#my-priorities-main-section p, #why-me-main-section p {
	font-family: 'Exo 2';
	font-size: larger;
	color: black;
}
#my-priorities-main-section img, #why-me-main-section img {
	/* max-width: 60%; */
	min-height: auto;
}
.img-thumbnail-vert {
	height: 30vh;
	margin-bottom: 20px;
}
#my-priorities-main-section #secondImage {
	top: 80%;
	left: 30%;
}
#why-me-main-section #secondImage {
	max-width: 100%;
	height: 20vh;
	margin-top: 38%;
	margin-left: -54%;
}

#vote {
	height: 40vh;
	border-bottom: 1px solid #481a58;
}
#vote #main-image {
	object-position: 40% 40%;
	max-height: 40vh;
}
#vote #main-image-2 {
	object-position: 40% 40%;
}

#vote-fest {
	background-image: url('../images/flag-2.png');
	background-blend-mode: overlay;
	background-size: cover;
}
#vote-fest #early-vote-img {
	color: #f84d17;
}
#vote-fest #election-day-img {
	color: darkslategray;
}
#vote-fest #voter-img {
	color: olive;
}
#vote-fest #mail-vote-img {
	color: lightseagreen;
}
#vote-fest h1, #vote-fest h3 {
	font-family: 'Bebas Neue';
}
#vote-fest h1 {
	font-size:larger;
}
#vote-fest h3 {
	font-size:large;
}
#vote-fest p {
	font-family: 'Exo 2';
	font-size: medium;
}

#donate {
	min-height: calc(2*900px);
}
#donate #main-image {
	object-position: 47% 40%;
	max-height: 100vh;
	width: auto;
	-webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
    mask-image: linear-gradient(to right, transparent -50%, #fff 100%);
	border-bottom-left-radius: 10px;
}
#donate #main-frosty {
	top: 130px;
	width: 75%;
	background-color: #f0ecec;
	border-radius: 5px;
	opacity: 0.95;
}
#donate h1 {
	font-family: 'Roboto';
	font-size: 70px;
	font-weight: 500;
	padding-bottom: 10px;
}
#donate-strip::after {
	position: absolute;
	top: -2px; bottom: -2px; left: -2px; right: -2px;
	background: linear-gradient(to right, #f84d17 -125%, #481a58, #f84d17 225%);
	content: '';
	border-radius: 1.5px;
}
#donate p {
	font-family: 'Montserrat';
}
.donateNow iframe, .donateNow img {
	border-radius: 10px;
}
#donateNowbyCheck img {
	min-height: 500px;
	width: 100%;
	-webkit-mask-image: none;
	mask-image: none;
	padding-bottom: 50px;
}
#donateNowbyCheck #print {
	top: 0%;
	color: gray;
}
#donate #disclaimer {
	font-family: 'Ysabeau SC';
	font-size: small;
}

#volunteer {
	height: 35vh;
}
#volunteer #main-image {
	object-position: 20% 90%;
}
#volunteer #main-frosty {
	top: 13%;
	background: linear-gradient(to right, transparent, #fff, transparent);
}
#volunteer h1 {
	font-family: 'Exo 2';
	font-size: 75px;
	font-weight: 700;
}
#volunteer-main-section .card {
	border-radius: 3px;
}
#volunteer-main-section .card:not first-of-type {
	max-height: auto;
}
#volunteer-main-section .card-body {
	border-radius: 1px;
}
#volunteer-main-section .card-body:hover {
	box-shadow: 1px 1px 1px 1px #481a58;
}
#volunteer-main-section .card-img-top {
	max-height: 40vh;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 1px;
}
#volunteer-main-section p {
	font-family: 'Exo 2';
}

#portfolio, #blog {
	height: 30vh;
}
#portfolio #main-image {
	object-position: 47% 40%;
}
#portfolio #main-frosty, #blog #main-frosty {
	top: 15%;
	background: linear-gradient(to right, transparent, #fff, transparent);
}
#portfolio h1, #blog h1 {
	font-family: 'Bebas Neue';
	font-size: 75px;
	font-weight: 700;
}
#portfolio-main-section #content {
	border-bottom: 2px solid black;
	margin-bottom: 50px;
	padding-bottom: 30px;
}
#portfolio-main-section h2 {
	font-family: 'Exo 2';
	font-size: 30px;
	font-weight: 700;
}
#portfolio-main-section p {
	font-family: 'Exo 2';
	font-size: 30px;
	font-weight: 700;
	color: #481a58;
}
#portfolio-main-section img {
	max-width: 100%;
	min-height: auto;
	opacity: 90%;
	background-color: #481a58;
}
.img-thumbnail-vert {
	height: 30vh;
	margin-bottom: 20px;
}
#portfolio-main-section #secondImage {
	top: 80%;
	left: 30%;
}
#main-text{
	top: 40%;
    left: 60px;
    background: rgb(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px;
	font-family: 'Exo 2';
    font-style: italic;
    font-size: 32px;
    font-weight: 800;
    /* color: #481a58; */
}

#priorities .card-img-top{
	height: 300px;
}

@media screen and (max-width: 1600px) {
	#about-me a #about-me-frosty {
		width: 60%;
	}
	#about-me-frosty p:first-of-type {
		font-size: 35px;
	}
	#footer p:last-of-type {
		padding-left: 20%;
		padding-right: 20%;
	}
}

@media screen and (max-width: 1200px) {
	#about-me a #about-me-frosty {
		width: 70%;
	}
	#about-me-frosty p:first-of-type {
		font-size: 25px;
	}
	.card-text {
		font-size: 14px;
	}
	#donate {
		min-height: calc(2.25*900px);
	}
	#donate #main-frosty {
		width: 70%;
	}
}
@media screen and (min-width: 992px) {
	#donate #main-frosty #donateText {
		padding-top: 50px;
	}
}
@media screen and (max-width: 992px) {
	#about-me {
		height: 70vh;
	}
	#about-me img {
		max-height: 70vh;
	}
	#about-me a #about-me-frosty {
		top:65%
	}
	#about-me a #about-me-frosty {
		width: 90%;
	}
	#donate {
		min-height: calc(2.5*900px);
	}
	#donate #main-image {
		width: 100%;
	}
	#donate #main-frosty #donateText {
		padding-top: 0px;
	}
	#donate #main-frosty {
		top: 45%;
		width: 95%;
	}
	#priorities .card-img-top{
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	
	#about-me-frosty p {
		font-size: 18px;
	}
	#footer p:last-of-type {
		font-size:12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#vote-fest #early-vote p:last-of-type, #vote-fest #election-day p:last-of-type, #vote-fest #voter p:last-of-type, #vote-fest #mail p:last-of-type{
		border-bottom: 3px dotted #280136;	
	}
	#donate {
		min-height: calc(3*900px);
	}
	#donate #main-image {
		width: 100%;
	}
	#donate #main-frosty {
		top: 45%;
		width: 95%;
	}
}

@media screen and (max-height: 900px) {
	#about-me {
		min-height: 450px;
	}
	#about-me img {
		min-height: 450px;
	}
}

@media screen and (max-width: 576px) {
	#main-frosty {
		top: 81%;
	}
	#about-me img {
		margin-left: 1px;
		margin-right: 1px;
	}
	#about-me a #about-me-frosty {
		margin-top: 15px;
		width: 95%;
	}
	#about-me-frosty p:first-of-type {
		font-size: 16px;
	}

	#about h1, #my-priorities h1 {
		font-size: 60px;
		font-weight: 700;
	}
	#main-frosty img {
		max-height: 15vh;
		-webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
		mask-image: linear-gradient(to right, transparent, #fff, transparent);
	}
	#my-priorities-main-section #content-img  {
		border: 0px;
	}
	#donate {
		min-height: calc(3.5*900px);
	}
	#donate #main-image {
		width: 100%;
	}
	#donate #main-frosty {
		top: 50%;
		width: 95%;
	}
	#donateNowbyCheck img {
		-webkit-mask-image: none;
		mask-image: none;
	}
	#main-text{
		top: 70%;
		font-size: 22px;
		left: 5px;
		right: 5px;
		max-width: 300px;
	}

	#why-me-main-section .img-thumbnail-vert{
		margin-left:45%;
	}
	#why-me-main-section #secondImage {		
		height: 17vh;
		margin-top: 58%;
		margin-left: -26%;
	}
	#why-me{
		overflow: hidden;
	}
	#why-me #main-image {
		object-position: 28% 0%;
		margin-top: 100px;
	}
}

.pace-running .myBody {
	opacity: 0.3;
}
.pace-done .myBody {
	opacity: 1;
}