@font-face {
	font-family: 'Boldhead';
	src: url('Boldhead.ttf');
}

body {
	background: no-repeat url("bg.jpg") center top #000000;
	min-height: 760px;
}

#main {
	min-height: 750px;
}

#nav {
	position: relative;
	font-family: Boldhead;
}

.q-title {
	text-align: center;
	font-size: 2rem;
}
.q-img-1{
	border-radius: 10px;
	float: right;
	overflow: hidden;
	width: 100%;
}


.q-content {
	font-size: 1.2rem;
}

.q-row{
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px 0px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 22px;
}
.q-form {
	width: 600px;
}

.box-desc a {
	color: #000000;
}

.clear-div {
	clear: both;
}

.font02 {
	font-size: 1.2rem;
	font-weight: bold;
}

.q-block {
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	padding: 20px;
	border: 1px solid #000000;
	text-align: justify;
	min-height: 760px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #fd4704;
	padding: 10px;
	border: 2px solid #000000;
	border-radius: 20px;
}
.btn-primary:hover {
	background-color: #feb705;
	border-color: #fd8404;
}
.btn-primary {
	background-color: #fd4704;
	border-color: #dc3545;
}
#nav ul li {
	list-style: none;
	display: inline;
	margin: 0px 20px;
}

#nav ul li a {
	color: #000000;
	display: inline;
	text-decoration: none;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
	color: #f3f3f3 !important;
}

#nav #menu-right {
	float: right;
	height: 120px;
	margin-top: 40px;
}

#logo img {
}

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

#footer {
	background-color: #000000;
	height: 60px;
	color: #ffffff;
}

#footer .copyright {
	line-height: 60px;
}

#footer .copyright span {
	float: right;
}

#footer .copyright span a {
	margin: 0 20px;
	color: #ffffff;
	text-decoration: none;
}

#footer .copyright span a:hover {
	text-decoration: underline;
}

.container_video {
	text-align: center;
}

.responsive {
	width: 100%;
	height: auto;
}

.q-center{
	text-align: center;
}
.q-title-big{
	font-size: 60px;
	font-weight: bold;
	font-family: Boldhead;
}
.q-right{
	text-align: right;
}
.q-img{
	border-radius: 10px;
	float: right;
	overflow: hidden;
	width: 48%;
	margin: 5px;
}
.q-img img{
	width: 100%;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 992px) {
	#logo {
		width: 80px;
	}

	#nav #menu-right {
		height: 80px;
	}

	#nav ul li {
		font-size: 12px;
		margin: 0px 5px;
	}
	.q-form {
		width: 100%;
	}
	.q-hide-small{
		display: none;
	}
	.q-img{
		width: 100%;
	}
	.q-row{
		font-size: 14px;
	}
	.q-title-big{
		font-size: 40px;
	}
	.q-right{
		text-align: left;
	}

}