html {
  overflow-y: scroll;
}

.gradient-custom {
 /* background: url(../images/background.jpg) no-repeat center center fixed;  */
  background: url(../images/background-min2.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

body {
   background-color: transparent !important;
   font-size: 18px;
   line-height: 1.5;
   text-align: justify;
   text-justify: auto;
   
}

.nav-link {
	padding-bottom: 12px;
	font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 text-align: left;
 
}

h1 {
	font-size: 50px !important;
}

h2{
	font-size: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
}

kbd {
	background-color: #0281ca;
}

.changeable {
	background-color: #339966;
}

/* JOINING */
.wrapper-tutorial{
	width: 100%;
	margin: 0 auto;
}

.section-tutorial{
	/* padding: 50px 0px; */
}

.section-tutorial h2{
	font-size: 40px;
	margin-bottom: 20px;
}

.section-tutorial-container{
	display: flex;
	align-items: top;
	justify-content: space-between;
}

.section-tutorial-container div{
	width: 350px;
  	height: auto; /*or use height: auto; if the box height looks weird and see above then change line 98 to align-items: top;*/
	margin-right: 10px;
  	padding: 10px 10px;
	background-color: whitesmoke;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.section-tutorial-container div a{
	margin: 0 auto;
	text-align: center;
}

.section-tutorial-container div i{
	margin-right: 5px;
}

.section-tutorial-container div h3{
	color: #0281ca;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700 !important;
}

.section-tutorial-container div p{
	color: black;
	padding: 10px 0px;
	font-size: 15px;
}

.section-tutorial-container ol, ul{
	color: black;
	font-size: 15px;
}

.section-tutorial-container h4{
	padding: 10px 0px;
	font-weight: 500;
	font-size: 15px;
}

.dsc a{
	font-size: 12px;
	color: white !important;
	padding: 5px 10px;
	border-radius: 3px;
	text-decoration: none;
	background-color: #7289DA;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	font-weight: 700;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.jts a{
	font-size: 12px;
	color: white !important;
	padding: 5px 10px;
	border-radius: 3px;
	text-decoration: none;
	background-color: #7289DA;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	font-weight: 700;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.lnumbers1{
	color: white;
	padding: 1px 11px;
	background-color: #03a1fc;
}

.lnumbers{
	color: white;
	padding: 1px 10px;
	background-color: #03a1fc;
}

/* STATISTICS */
.wrapper-global-stats{
	width: 100%;
	margin-top: 50px;
	margin: 0 auto;
}

.wrapper-global-stats{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wrapper-global-stats h2{
	font-size: 40px;
	margin-bottom: 20px; 
}

.section-global-stats{
	display: flex;
	color: #0281ca;
	margin-bottom: 70px;
	text-align: center !important;
	align-content: center !important;
	justify-content: space-between;
}

.section-global-stats div{
	width: auto;
	height: auto;
	padding: 20px;
	border-radius: 3px;
	border: 1px solid #0281ca;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.section-global-stats div i{
	font-size: 50px !important;
	padding: 10px !important;
}

.section-global-stats div h1{
	padding: 5px 20px !important;
	font-size: 25px !important;
	font-weight: 600 !important;
	text-align: center !important; 
}

.section-global-stats div h3{
	padding: 0px 20px;
	font-size: 20px;
	text-align: center !important; 
}

/* END STATISTICS */

.fa-stack { 
	font-size: 1em; 
	width: 31.5px;
}

i { vertical-align: middle; }

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.bg-patreon {
	background: #ea5952;
}

.bg-streamelements {
	background: #5e6dd7;
}

/* .bg-merch {
	background: #b059df;
} */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.news {
    width: 300px
}

.news-scroll a {
    text-decoration: none
}

.dot {
    height: 12px;
    width: 12px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px !important;
    background-color: #ea5952;
    border-radius: 50%;
    display: inline-block
}

@media (max-width: 995px) {
	
	.section-tutorial-container {
		flex: 100%;
		flex-wrap: wrap;
	}
	
	.section-global-stats {
		flex: 100%;
		flex-wrap: wrap;
	}
	
}