html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.dispnon{display: none !important}
/*end reset*/
body {
	background: #fbe7de !important;
	color: black !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: center !important;
	background-size: cover !important;
	font-family: 'Gontserrat' !important;
	/* font-family: "Open Sans", arial, sans-serif !important; */
}

.wrap {
	width: 100%;
	margin: 0px auto;
}
.content{
	min-height: 46em;
}
.content-grid {
	text-align: center;
}

h1{
	margin: 0 !important;
	text-align: center;
	color: #e5892b;
	font-weight:lighter !important;
}

img{
	text-align: center !important;
	z-index: -9999 !important;
}
.grid  {
	text-align: center;
	margin-top: 1em;
}
.grid h3 {
	font-family: 'Petit Formal Script', cursive;
	color: #eb9f22;
	display: block;
	padding-bottom: 2.5em;
	font-size: 1.6em;
	padding-top: 1.5em;
	font-weight: 600;
	text-align: center;
}

p{
	text-align: center;
	margin: 30px;
	font-weight: unset;

}

/*-----start-responsive-design------*/
@media only screen and (max-width: 1366px) and (min-width: 1280px){
	.wrap{
		width:95%;
	}
	

}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:95%;
	}
	
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap{
		width:95%;
	}
		.grid p {
		margin-top: 1em;
	}
	.grid h3 {
		padding-top: 1.2em;
		padding-bottom: 2em;
	}
	.footer p.a {
		margin-top: 4em;
	}
	.content-grid p img{
		margin-top: -8em;
	}
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
	.wrap{
		width:95%;
	}
	.content-grid p {
		margin-top: 3em;
	}
	.grid p{
		margin-top: 0em;
	}
	.grid p img {
		width: 80%;
		margin-top: 1em;
	}
	.grid h3 {
		font-size: 1em;
		padding-top: 1.5em;
		padding-bottom: 3em;
	}
	.footer p.a {
		margin-top: 4em;
		margin-bottom: 0em;
	}
	.footer p {
		margin-bottom: 1em;
	}
	button span {
		top: 18px;
		left: 14px;
	}
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
	.wrap{
		width:95%;
	}
	.content-grid p img{
		margin-top: -2.2em;
		width: 300px;
		text-align: center;
	}
	.content-grid {
		text-align: center;
		margin: 0px auto;
	}
	.grid {
		margin-top: 0em;
	}
	.grid p{
		margin-top: 0em;
	}
	.grid p img {
		width: 283px;
		margin-top: 0.3em;
	}
	.grid h3 {
		font-size: 0.9em;
		padding-top: 1.2em;
		padding-bottom: 1.7em;
	}
	.footer p.a {
		margin-top: 2.7em;
		margin-bottom: 0em;
	}
	.footer p.a a img {
		margin-bottom: 0em;
		width:100px;
	}
	.footer p {
		margin-bottom: 1em;
		margin-top: 0.8em;
        font-size:0.9em;
	}
	button span:hover {
		background: url(../images/arrow.png) repeat-x 32px -4px;
		height: 14px;
		width: 21px;
	}
	button span {
		background: url(../images/arrow.png) repeat-x -9px -4px;
		height: 14px;
		width: 21px;
		top: 12px;
		left: 8px;
	}
}
@media only screen and (max-width: 320px) and (min-width: 240px) {
	.grid p img {
		width: 100%;
		margin-top: 0em;
	}
	
	.content-grid p {
		margin-top:1em;
	}
	
	.grid p{
		margin-top: 0em;
	}
	
	.grid h3 {
		font-size: 1em;
		padding-top: 1em;
		padding-bottom: 1.4em;
	}
	.footer p.a {
		margin-top: 2.5em;
		margin-bottom: 0em;
	}
	.footer p {
		margin-bottom: 1em;
	}
	button span:hover {
		background: url(../images/arrow.png) repeat-x 32px -4px;
		height: 14px;
		width: 21px;
	}
	button span {
		background: url(../images/arrow.png) repeat-x -9px -4px;
		height: 14px;
		width: 21px;
		top: 12px;
		left: 8px;
	}
	.wrap{
		width:95%;
	}
}
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
		margin-bottom: 0;
		border-radius: 0;
	  }
	  
	  /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
	  .row.content {height: 450px}
	  
	  /* Set black background color, white text and some padding */
	  footer {
		background-color: white;
		color: purple;
		padding: 15px;
		position:absolute;
		bottom:0;
		width:100%;
		height:60px;   /* Height of the footer */
	  }
	  
	  /* On small screens, set height to 'auto' for sidenav and grid */
	  @media screen and (max-width: 767px) {
		.sidenav {
		  height: auto;
		  padding: 15px;
		}
		.row.content {height:auto;} 
	  }