@charset "utf-8";
/* Rock Stream Rebellion CSS Document */
body {
    background-color: #0d0d0d;
    background-image: 
        radial-gradient(circle at 50% 20%, rgba(180, 40, 40, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 20% 80%, rgba(30, 100, 150, 0.1) 0%, transparent 40%);
    color: #f4f4f4;
    font-family: sans-serif;
}
.rebellion-bg {
    background-color: #000000;
}
.rebellion-text-white {
    color: #d9bf94;
}
.rebellion-text-orange {
    color: #b25a23;
}.rebellion-trim {
    border: 2px solid #ae211c;
}
.archivo-black-regular {
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.protest-revolution-regular {
  	font-family: "Protest Revolution", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 48px;
}
/* Fonts Batch #2 */
.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.special-elite-regular {
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}
/*
        <weight>: Use a value from 100 to 900
        <uniquifier>: Use a unique and descriptive class name
*/
.montserrat-400 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/*
        <weight>: Use a value from 200 to 700
        <uniquifier>: Use a unique and descriptive class name
*/
.oswald-400 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.footer-links {
	text-decoration: none;
}
.landscape-footer {
	display: none;
}
.portrait-footer {
	display: inline-block;
}
.btn-rebel-red {
    background-color: #8F0202;
    color: #FFFFFF;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.border-rebel-red {
    border-color: #8F0202;
    border-width: 1px;
    border-style: solid;
}
.btn-rebel-red:hover {
    background-color: #FFFFFF;
    color: #8F0202;
}
/* --------------------------------------------------------------- */
/* Media Queries                                                   */
/* --------------------------------------------------------------- */

/*
Extra small devices (portrait phones, less than 480px)
No media query since this will be our default settings
Looking at you Samsung Galaxy series which could go down to 350px!
*/

/* Very small devices (small portrait phones, 480px and up) */
@media (min-width: 480px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.landscape-footer {
		display: inline-block;
	}
	.portrait-footer {
		display: none !important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}