@charset "utf-8";
/* CSS Document */


/* ADDED FONT FAMILY FOR THIS SITE START */
@font-face {
	font-family:Roboto;
	src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
	font-family:RobotoM;
	src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
	font-family:RobotoB;
	src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
	font-family:RobotoEB;
	src: url(../fonts/Roboto-ExtraBold.ttf);
}

@font-face {
	font-family:link_font;
	src: url(../fonts/Sancreek-Regular.ttf);
}

@font-face {
	font-family:NewRock;
	src: url(../fonts/NewRocker-Regular.ttf);
}

@font-face {
	font-family:Gothic;
	src: url(../fonts/MontenegrinGothicOne-Regular.ttf);
}

/* ADDED FONT FAMILY FOR THIS SITE END */


:root {
	--site-color-link-background-01: #dc420c;
	--site-color-link-border-01: #f72400;
	--site-color-hover-01:#dddd5c;
	--site-color-golden-letters: #FFD700;
}

body {
	min-height: 100vh;
  	margin-top: 60px; 
	background: linear-gradient(to right, #000, #820203, #000);
	background-color: #000;

}

a {
	cursor: pointer;
}

.wrapper-main {
	width:800px;
	margin: 0 auto;
}

/* STANDARD  FONT STYLING FOR HEADER AND PARAGRAPH TAG  START */

h1{
	font-size: 2rem;
	line-height: 1.8;
	color: #fff;
	font-family:NewRock;
	text-align:center;
	text-shadow: -2px 2px 4px #000;
}

h2{
	font-family: RobotoB;
	font-size: 1.2rem;
	color: #FFD700;
	text-transform: uppercase;
	text-decoration: underline;
}

h3{
	font-size: 25px;
	font-weight:400;
	color: #fff;
	font-family:Gothic;
}

h4{
	font-size: 1.5rem;
	color: #FFD700;
	font-family:Gothic;
}

p{
	font-family: Roboto;
	font-size: 1rem;
	color: #fff;
}
/* STANDARD  FONT STYLING FOR HEADER AND PARAGRAPH TAG  START */

.mobile-ddmenu-main {
	display: none;
}

main {
	width: 100%;
	height: 410px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-item: center;
}

.logo{
	width:100%;
	height:350px;
	background-image:url("../images/Logo.png");
	background-size:350px;
	background-repeat:no-repeat;
	background-position:top,center;
}

.main-menu-bar {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dragon-c-chara1, .dragon-c-chara2 {
	width: 40px;
	height: 40px;
	padding: 0 10px;
	background-image: url("../images/Dragon_C_Character.png");
	background-repeat: no-repeat;
	background-size: cover;
}

section {
	width:100%;
	height: 350px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 30px;
}

/* FOOTER Start */
.footer-main {
	width: 100%;
	padding: 10px 0;
	background-color: #000;
}
.footer-main-flex {
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}
.footer-getintouch {
	padding: 5px;
	border: 2px solid var(--site-color-link-border-01);
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 1.5rem;
	color:#FFF;
	font-weight: bolder;
	text-transform: uppercase;
	-webkit-text-stroke: 1.1px #000;
	margin-top: 10px;
	background-color: var(--site-color-link-background-01);
	transition: all ease-in-out 200ms;
}

.footer-getintouch:hover{
	border: 2px solid var(--site-color-hover-01);
	background-color: var(--site-color-hover-01);
}

.footer-sitemap {
	flex-basis: 100%;
	display: flex;
	padding: 20px 0 30px;
}

.footer-sitemap a {
	color: #FFFFFF;
	text-transform:uppercase;
}

.footer-sitemap a:hover{
	opacity: 0.8;
	color: var(--site-color-link-border-01);
}

.footer-sitemap p {
	color: var(--site-color-golden-letters);
	text-transform: uppercase;
}

.footer-sitemap ul:nth-child(1) {
	flex-basis: 100px;
	border-left: 4px solid var(--site-color-golden-letters);
	padding-left: 20px;
}
.footer-sitemap ul:nth-child(2){
	flex-basis: 170px;
	padding-left: 20px;
}

.footer-sitemap ul:nth-child(3) {
	flex-basis: 300px;	
	padding-left: 20px;
} 

.footer-sitemap ul:nth-child(4) {
	flex-grow: 1;
}

.footer-contact-info {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
}

.footer-contact-info p{
	text-align: left;
}


.footer-sm {	
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.footer-sm img {
	width: 70px;
	height: 70px;
}
/* FOOTER END */


/* Mobile Layout: 600px and below. */
@media only screen and (max-width: 600px){

	.main-menu-bar {
		display: none;
	}

	section {
		width:100%;
		height: 560px;
		margin-top: -60PX;
		display: flex;
	}
	.wrapper-main{
		width: calc(100% - 40px);
	}
	
/* FOOTER Start */
	.footer-getintouch {
		margin-top: 0;
	}

	.footer-sitemap {
		flex-wrap: wrap;
		padding-bottom: 0px;
	}

	.footer-sitemap ul:nth-child(1) {
		border-left: none;
		padding-left: 0px;
	}
	
	.footer-sitemap ul:nth-child(1),
	.footer-sitemap ul:nth-child(2),
	.footer-sitemap ul:nth-child(3){
		flex-basis: 100%;
		padding-left: 0px;
		text-align: center;
		padding-bottom: 20px;
	}
	
	.footer-contact-info {
		width: 100%;
		flex-wrap: wrap;
		align-items: center;
		padding-bottom: 30px;
		
	}	
	
	.footer-sm {
		display: none;
	}
	
	.footer-contact-info p{
		text-align: center;
		color: #fff;
	}
/* FOOTER End */
}

/* Media Query for Tablets */
@media only screen and (min-width : 601px) and (max-width : 768px) {

	section {
		width:100%;
		height: 370px;
		display: flex; 
	}
	
	.wrapper-main{
		width: calc(100% - 40px);
	}
	
/* FOOTER Start */
	
	.footer-getintouch {
	}
	
	.footer-sitemap a {
		font-size: .7rem;
	}

	.footer-sitemap p {
		font-size: .7rem;
		color: var(--site-color-golden-letters);
		text-transform:uppercase;
	}

	.footer-sitemap ul:nth-child(1) {
		flex-basis: 100px;
		border-left: 4px solid var(--site-color-golden-letters);
		padding-left: 20px;
	}
	.footer-sitemap ul:nth-child(2){
		flex-basis: 150px;
		padding-left: 20px;
	}

	.footer-sitemap ul:nth-child(3) {
		flex-basis: 300px;	
		padding-left: 20px;
	} 

	.footer-sitemap ul:nth-child(4) {
		flex-grow: 1;
	}

	.footer-contact-info {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.footer-contact-info p{
		text-align: right;
	}


	.footer-sm {	
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.footer-sm img {
		width: 70px;
		height: 70px;
	}
/* FOOTER END */
	
}