/*-----------------------------------------------------------------------------------*/
/*	1.	Change all colors here
/*-----------------------------------------------------------------------------------*/
#header {
    background: #040404; 
}
a {
    color: #E71447;
}
a:hover, a:active {
    color: #FAC213;
}
.btn-1, .btn-1:visited {
    background-color: #e9dcb4;
    color: #000;
}
.btn-1:hover, .btn-1:active {
    background-color: #FAC213;
    color: #000;
}
.btn-2, .btn-2:visited {
    color: #e9dcb4;
}
.btn-2:hover, .btn-2:active {
    color: #faa21b;
}
.btn-3, .btn-3:visited {
    background-color: #e9dcb4;
    color: #000;
}
.btn-3:hover, .btn-3:active {
    background-color: #FAC213;
    color: #000;
}
.btn-4, .btn-4:visited {
    color: #E71447;
}
.btn-4:hover, .btn-4:active {
    color: #FAC213;
    text-decoration: underline;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="submit"]:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
}
input[type="submit"]:focus {
    outline: none;
}
.unblock input[type="text"] {
    background-color: #ececec;
    color: #000;
	width:170px;
}
.unblock input[type="submit"],
.unblock input[type="submit"]:visited {
    background-color: #e9dcb4;
    color: #000;
}
.unblock input[type="submit"]:hover,
.unblock input[type="submit"]:active {
    background-color: #FAC213;
}
#content {
    background: #1F2837;
    color: #fff;
}
#unblock2 input[type="text"] {
    border-color: transparent;
    background: #fff;
}
h1:after {
    background: #fff;
}
.q-icon, .a-icon {
    color: #fff;
}
#footer {
    background: #040404;
    color: #838383;
}
.social-icon a, .social-icon a:visited {
    background-color: #f4f4f4;
    color: #838383;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Ryano Customize
/*-----------------------------------------------------------------------------------*/
marquee {
	color:#000;
	padding:10px;
}
header {
	padding:10px 0 0 0 !important;
}

#logo img {
	max-width:300px;
}

.align_left{
	text-align:left;
}
.align_right{
	text-align:right;
}
.align_left a{
	margin-left:100px;
}
.align_right a{
	margin-right:100px;
}
.three_part{
	float:left; width:33%;
}
@media screen and (max-width: 34em) {
	.col-one-half{
		width:100%;margin:5px;
	}
	.col-one-half a{
		margin:0px;
	}
	.align_left, .align_right{
		text-align:center;padding:3px;
	}
	.align_left a, .align_right a{
		margin:0px;
	}
	.three_part{
		float:left; width:100%; margin-bottom:3px;
	}
}

@media screen and (max-width: 34em) {
#header {
    position: relative;
    padding: 15px 0 0px;
}
}