html, body
{	padding: 0;	margin: 0;}

body
{	background:#eee url(square.jpg) repeat; position: relative;	-webkit-text-size-adjust: none; font-family: 'Quicksand', sans-serif;}

@media all and (min-width : 1400px) {
body
{width: 80%; margin: 0 10%;}
}

body *
{	text-shadow: none;}

h1, h2, h3, h4, h5, h6
{	line-height: 1.2;	margin: 20px 0 10px 0;	}

h1{padding: 12px 0px 0px 5%; color: #DA1D39; font-size:2.3em;  margin: 0px;  font-weight:600;  }

h2{font-size: 3.2em;   color:#003; padding: 20px 10% 20px 10%;   margin:0 10%; font-weight: 100; border-bottom: 12px solid #fff; }

h3{	font-size: 1.4em; line-height: 1.6em; padding:  0 5% 0 10%; font-weight: 600; color: #e00; letter-spacing: .1em;}

h4{	font-size: 1em; padding: 0 0 0 10%; color: #c00; font-weight: 100;}

h6 {font-size: 1em; padding: 0 10% 0 10%; color: #555; font-weight: 100;}

p
{ font-size: 1.1em; padding: 0px 15% 0px 10%;   margin:0px;  font-weight: 300; color: #000; line-height:2em; font-family: 'Oxygen', sans-serif;}



@media only screen and (max-width: 480px) { 
 h1 {font-size: 3.1em; line-height: 1em; padding: 4px 0% 0 2%; }	
 h2 {font-size: 1.4em; padding:  40px 3% 0 2%;}
 h3{	font-size: 1.1em; line-height: 1.2em; padding:  0 3% 0 2%; font-weight: 100;}
 
 p{ padding:0 8% 0 3%; 	font-size: .9em;  }
}


img {margin: 0 0px 0 0; max-width: 100%; height: auto;}

.head {color: black;
border-bottom: 0 !important;
font-weight: 600;
}

.big {color:#002395;  font-size:.9em; opacity:.9; line-height: 1em; padding:0; }
.red {color:#ED2939;  font-size:.8em; opacity:.5; line-height: .8em; font-family: 'Open Sans', sans-serif; border-bottom: 60px solid;
 padding: 0 0 23px 0; text-shadow: 0 0 0;}
.quote {background: transparent url(quote.png) no-repeat 4% 50%;}

@media only screen and (max-width: 480px) {	 
.big{  font-size:1.2em; opacity:.9; line-height: .8em;}
.red {color:#ED2939;  font-size:.8em; opacity:.5; line-height: .8em; font-family: 'Open Sans', sans-serif; border-bottom:0; padding: 0 0 23px 0; text-shadow: 0;}
 }
 
.sml {font-size: .5em; padding: 0 0 0 290px; }


a, a:link, a:active, a:visited, a:hover
{color: #009; border-bottom: 1px dotted; text-decoration: none; outline:none;}
a {outline: none;}
a:hover{border-bottom: 0px;text-decoration: none; outline:none; color: #f00;}


ul li {	list-style-type: disc;	margin: 0 10%; padding: 0; color: #fff;}


/* menu stuff g'wan 'ere*/
nav:not(.mm-menu)
{display: none;}


#menu p{color: #ffc; padding: 20px; font-size: 1em; background: transparent; font-weight: normal;}
#menu h3 {font-size: 1.2em;}


.header
{	background: #003;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 46px; 
	padding: 0 50px; position: fixed; opacity: .8;}
	
	@media all and (min-width : 1400px) {
	.header {width: 80%; margin 0 10%;}
}

	
	.header2
{	background: #000;
	font-weight: normal;
	width: 100%; top: 0;
	height: 50px; opacity: .9;
	padding: 7px 0 0 0; position: fixed;}
	
	
	.header a
{	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;	width: 40px; height: 40px; position: absolute;	top: 5px; left: 12px; }
	
	@media only screen and (min-width: 480px) 
{ 		.header {width: 10%; background: transparent;}
		.header2 {display: none;}
			.header FixedTop {display: none}


.header a {display: none;}
}
	
.header.fixed{ position: fixed; top: 0; left: 0; }


/* for desktop yada */
#nav {width: 100%; background: #002; position: fixed; opacity:1; border-bottom: 2px solid #FFFAF0; z-index: 32;}

@media all and (min-width : 1400px) {#nav {width: 80%;}}

#nav a {border: 0;  color: #fff; padding: 0 6px;}
#nav a:hover {background: #DA1D39;  padding: 54px 6px 5px 6px;  border-top: 3px solid #fff; border-bottom: 5px solid #fff; color: #fff; opacity: .9;}
#nav a:active {background: #1A39A0;  padding: 54px 6px 5px 6px;  border-top: 22px solid #fff; border-bottom: 22px solid #1A39A0; color: #fff;  } 

@media only screen and (max-width: 480px) 
{ #nav {display: none;}
}

#nav h3 {padding: 0px; font-weight: normal; font-size: 1.08em; color: #aaa; line-height: 18px;}

@media only screen and (min-width: 768px) {
#nav h3 {padding: 15px 0 0 90px; }	}


@media only screen and (max-width: 768px) {
#nav h3 { font-size: .85em; }	}

@media only screen and (max-width: 668px) {
#nav h3 { font-size: .8em; padding: 15px 0 0 125px; }	}


/*==========content ===============*/

#contain 
{height: auto; width: auto;
 box-shadow: 0px 0px 60px rgba(23, 23, 23, 0.4); background: #eee;
}


#intro2 { height: auto;    padding: 100px 0 20px 0px; 
    background: #fff;
}

#intro { height: auto;    padding: 20px 0 0px 0px; 
    background: #DA1D39; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #e21c3a , #9f1f2e); /* Standard syntax (must be last) */
}



#intro h1 { color: #fff; font-size: 6.2em; padding: 0px 0 23px 5%; font-variant:small-caps;}
#intro h2 {color: #fff; padding:  0px 1% 20px 0%; margin: 0 10% 30px 5%; border-bottom: 3px solid #fff;}

@media only screen and (max-width: 1024px) {
#intro {  line-height: 1.6em; margin:0;} 
#intro h1 { font-size: 8em;}
}


@media only screen and (max-width: 640px) {
#intro {  line-height: 1.6em; margin:0;} 
#intro h1 { font-size: 5.2em; padding: 0 0 0 5%}
#intro h2 {font-size: 2.3em;}
}

@media only screen and (max-width: 480px) {
#intro h1 { font-size: 4em; padding: 0 0 12px 5%}
}


#first { height: auto;  width:100%; background: #f1f1f1 url(../img/ldn.png) no-repeat;}
#first h2, #second h2, #four h2 {color: #e00; text-shadow: 2px 2px 2px #fff; border-bottom: 12px solid #f00; margin: 0 12% 1% 2%;}

#second { height:auto;  background: #eee url(square.jpg) repeat; padding: 0;}


#half1 {width: 50%; height: auto;  float: left;  background: #eee url(square.jpg) repeat;}
#half2 {width: 46%; height: auto; float: right; background: #eee url(square.jpg) repeat; margin: 1% 4% 1% 0;}

#half2 h3 {color: #000; font-weight: 100; }

@media only screen and (max-width: 768px) {
#half1 {width: 100%; height: auto;  float: left; }
#half2 {width: 100%; height: auto; float: right; }
#half2 h3 {padding: 0 0 0 10%;}
}



#third { height: auto;  padding-top: 0px;  background: #eee url(square.jpg) repeat; width:auto; }


#four{ height: auto;  padding-top: 0px;padding-bottom: 0px;  background: #eee; width: 100%;} 
#four h3 {color: #100;}

.footer
{	background: #002; position: fixed; z-index: 31; border-top: 4px solid #fff;
	font-weight: normal;	width: 100%;
	height: 160px; bottom: 0; margin: 0; }
	
	@media all and (min-width : 1400px) {.footer {width: 80%;}}
	
.footer.fixed
{position: fixed; bottom: 0; left: 0;}

.footer a {color: #fff; border:0;}
.footer a:hover {color: #f00;}
.footer h3 {font-size: 1.6em; line-height: 0.4em; margin: 0; padding:24px 0 26px 4%; font-weight: normal; color: #fff; letter-spacing: .2em;} 
.footer p {color: #aaa; padding: 2px 0 26px 4%; font-size: .9em;}



@media only screen and (max-width: 480px) {
	
  .footer	{ position: relative;	font-weight: normal;	width: 100%;	height: 200px;  margin: 0; }
	
  .footer h3 {font-size: 1.4em; line-height: 2em; margin: 0; padding:0 0 0 5%; font-weight: normal; color: #003; bottom: 0; margin: 0;} 
}



/* code for gallery on pages  https://galleria.io/  - - - - - -!*/

.galleria{ width: 100%; height: 550px; background:transparent; padding: 0px 0 4px 0; margin:0; float: left;}

@media only screen and (max-width: 768px) {
.galleria {height: 500px;}
}


@media only screen and (max-width: 480px)
{ .galleria{ height: 350px;}}


@media only screen and (max-width: 360px)
{ .galleria{ height: 290px;}
	
}

textarea {background: #f4d4db; margin: 6px 0; color: #009; font-size: 1.4em;}
textarea:hover {background: #eaabb8;}

.contact {margin: 0 110px 0 0; }
.email {margin: 0 116px 0 0;}
.phone {margin: 0 32px 0 0;}
.msg {margin: 0 104px 0 0;}
.need { margin: 0 104px 0 0;}

.collect {margin: 0 28px 0 0; }
.floor {margin: 0 69px 0 0; }
.destiny {margin: 0 16px 0 0; }
.floor2  {margin: 0 69px 0 0; }

.submit {padding: 12px 23px; font-size: 1.2em; margin: 23px 0 0 0; }
.submit:hover {background: #d00; color: #fff;}