@font-face {
    font-family: LeagueSpartan-Light;
    src: url("fonts/LeagueSpartan-Light.otf");
  }

@font-face {
    font-family: LeagueSpartan-Bold;
    src: url("fonts/LeagueSpartan-Bold.otf");
}


html, body {
	background-color: #101010;
    color: #EBEBEB;
}

a:hover {
    text-decoration: none;
}

/* navbar background */
.bg-black {
	background: #101010;
}

/* colour schemes */
.color-gold {
    color: #C7B192;
}

.color-black {
    color: #373435;
}



/* removing spacing after last letter */
.no-letter-space{
    letter-spacing: 0 !important;
}


.btn-pledge {
    font-family: LeagueSpartan-Light;
    color: #C7B192;
    font-size: 1.1em;
    letter-spacing: 0.6rem;
    text-transform: uppercase;
    border: 1px solid #C7B192;
    padding: 10px 30px;
    cursor: pointer;
    transition: background-color 1s;
}
/* removing spacing after last letter */
.btn-pledge > span {
    letter-spacing: 0;
}

@media only screen and (min-width: 1200px) {
	.btn-pledge {
        font-size: 0.8em;
        letter-spacing: 0.6rem;
        padding: 10px 30px;
    }
}

.btn-pledge:hover, .btn-pledge:active {
    color: #101010;
    background-color: #C7B192;
}

.container-stat {
    margin-bottom: 40px;
}

.stat-value {
    font-family: LeagueSpartan-Bold;
    color: #C7B192;
    font-size: 3.4rem;
}

.stat-label {
    font-family: LeagueSpartan-Light;
    color: #EBEBEB;
    font-size: 1.2rem;
    letter-spacing: 0.6rem;
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
	.stat-value {
		font-size: 2.2rem;
	}
    
    .stat-label {
        font-size: 0.6rem;
        letter-spacing: 0.2rem;
    }
}

@media only screen and (min-width: 1200px) {
	.stat-value {
		font-size: 2rem;
	}

    .stat-label {
        font-size: 0.5rem;
        letter-spacing: 0.2rem;
    }
}

.pledge-img-hand {
    max-height: 500px;
}

.pledge-img-idalogo {
    max-width: 100px;
    display: block;
    margin: 10px auto;
}

@media only screen and (min-width: 1200px) {
	.pledge-img-idalogo {
        max-width: 150px;
        display: block;
        margin: 10px auto;
    }
}

.img-anglededge {
    width: 100% !important;
    max-height: 200px;
}