@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700');

body {
	background: #2B2E31 !important;
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;

}

.card {

	
	margin-left:6px;
	margin-right:6px;
	
}

.row
{
	margin-top:36px;
	
	margin-left:0px;
	margin-right:0px
}
.mtitle
{
	margin-top:24px;
}

.card:hover
{
  opacity: 0.7;
  cursor: pointer;
}

.card-group
{
}

.mstore:hover
{
  opacity: 0.5;
}


.myinput
{
	max-width: 525px; 
	margin: 0 auto;
	margin-bottom:12px
}

.nav-link
{
	color:#c76419;
	font-size:30px;
}

p{
	color:#c76419;
	font-size:24px;
}

.fab,.far  {
  padding: 25px;
  font-size: 50px;
  width: 100px;
  text-align: center;
  text-decoration: none;
  border-radius:50%;
}

/* Add a hover effect if you want */
.fab:hover, .far:hover {
   opacity: 0.7;
   text-decoration: none;
   color: black;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
.fa-discord {
  background: #7085D6;
  color: white;
}

.fa-envelope
{
	 background: #C96519;
  color: white;
}

.fa-patreon
{
	 background: #E85641;
  color: white;
}


.myclick:hover
{
   opacity: 0.7;
   text-decoration: none;
  cursor: pointer;
}

@media (min-width: 576px)
{
	.card-group 
	{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	}
	
	.card-group>.card
	{
		margin-bottom:12px;
	}
}

@media (min-width: 766px)
{
	.card-group 
	{
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	  
		display: -ms-flexbox;
		display: flex;
	}
	.card
	{
		margin-bottom:12px;
	}
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}