/* Color Pallette
Rosewood: 5E0B15
Red Violet: 90323D
Bone: D9CAB3
Bronze: BC8034
Cashew: 4A2C22 */

body{
	background-color:#D9CAB3;
	margin:0;
	padding:0;
}
#title{
	text-align:center;
	padding:0 4px;
	color:#5E0B15;
	font-family:Montserrat, sans-serif;
}

.container{
	width: 80%;
	margin:auto;
}

.bar{
	border:2px #BC8034 solid;
	margin-bottom:10px;
}

#desc-title{
	text-align:center;
	padding:0 8px;
	color:#5E0B15;
	font-weight:bold;
	font-family:Montserrat, sans-serif;
}

.center-p{
	text-align:center;
	font-family:Merriweather, serif;
}

.container2{
	margin:0;
	border:0;
	outline:none;
	padding:0;
	position:relative;
	display:block;
	width:100%
}

.container2 img{
	width:100%;
	height:auto;
}

.container2 .btn{
	position:absolute;
	top:50%;
	left:50%;
	 transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: rgba(188, 128, 52, 0.7);
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	padding: 24px 60px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
    background-repeat:no-repeat;
    overflow: hidden;
    outline:none;
	font-family:Montserrat, sans-serif;
	font-style:bold;
	width: 25%;
	height: 14%;
}

.container2 .btn:hover {
  background-color:  rgba(217, 202, 179, 0.9);
  color: rgba(0, 0, 0, 1);
}

.container3{
	margin:0;
	border:0;
	outline:none;
	padding:0;
	background-color:#90323D;
	height:200px;
	position:relative;
	text-align:center;
}

.align{
	text-align:center;
}

.footer-title{
	margin:0;
	border:0;
	outline:none;
	padding:0;
	padding-top:10px;
	text-align:center;
	color:#D9CAB3;
}

.footer-desc{
	margin-top:10px;
	border:0;
	outline:none;
	padding:0;
	text-align:center;
	color:#D9CAB3;
}

#youtube-icon{
	transform: translate(50px, 40px);
}

#twitch-icon{
	position:absolute;
	transform: translate(-40px, 40px);
}

#twitter-icon{
	position:absolute;
	transform: translate(-90px, 40px);
}

#copyright{
	text-align:center;
	color:#D9CAB3;
	transform: translate(0, 30px);
}