html, body {
        height: 100%;
        margin:0;
}

body {background-image:url(images/bg.jpg);    background-repeat:repeat;overflow-x:hidden;
}

#triangle-up {	margin: 0px auto;	width: 0;	height: 0;	border-left: 20px solid transparent;	border-right: 20px solid transparent;	border-bottom: 10px solid #ffffff;}#menu-wrapper {	background: #635BB0 repeat top left;        margin-top:-27px;}#menu {	margin: 0px auto;background-image: linear-gradient(#635BB0, #4E469D);}#menu ul {	text-align: center;        font-family: 'Playfair Display', sans-serif!important;	color: #AEA8DE;text-shadow: 0px 2px 3px #555;}#menu li {	display: inline-block;	color: #AEA8DE;text-shadow: 0px 2px 3px #555;}#menu li a, #menu li span {	display: inline-block;	margin-left: 0.50em;	padding: 43px;	letter-spacing: 0.20em;	text-decoration: none;	font-size: 0.90em;	        font-family: 'Playfair Display', sans-serif!important;	font-weight: normal;	text-transform: uppercase;	outline: 0;	color: #AEA8DE;text-shadow: 0px 2px 3px #555;}#menu li:hover a, #menu li.active a, #menu li.active span {        font-family: 'Playfair Display', sans-serif!important;	color: #AEA8DE;	}#menu .current_page_item a {        font-family: 'Playfair Display', sans-serif!important;	color: #AEA8DE;}

#header {        background-image: url('images/head.jpg'),url('images/bg1.jpg');        background-repeat: no-repeat,repeat;        background-position: center;         height:418px;        width:100%;        margin-top:-5px;}

@media only screen and (max-width:767px){
  .header{
      text-align: center;
  }
}

a:link {
        text-decoration: none; 
        color:#CED7F0; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:visited {
        text-decoration: none;
        color:#CED7F0; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;

        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:hover {
        text-decoration: none;
        color:#ffffff; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;

        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}




b { 
        color: #4D458D;        line-height:33px;        font-size:24px;        letter-spacing:4px;border-bottom: dashed 3px #4D458D;
    font-family: "Josefin Slab", serif;}

i { 
        color: #4D458D;        line-height:33px;border-bottom: dashed 3px #ffffff;        font-size:24px;     font-family: "Josefin Slab", serif;      letter-spacing:4px;
}

#content {
	margin-top:-60px;padding-bottom:10px;	position: relative;	float: center;        width:75%;

}

.contentx{
        padding:34px;
        margin-left:0px;
        margin-right:0px;
        line-height:33px;
        font-size:24px;
  font-family: "Josefin Slab", serif;
        font-weight: 400!important;
        text-align:justify;
        color:#CBD6EA;
        margin-bottom:20px;	font-style:italic;
}



blockquote {
 	background-color:#514B8F;
 	padding: 8px;
	text-align:justify;
	color:#CBD6EA;border:5px dotted #9EA8CB;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;opacity:0.9;}

h1 { 
	color:#534C9D;
        letter-spacing:1px;
  font-family: "Josefin Slab", serif;
        font-size:47px;
        padding:20px;opacity:0.6;}



.contentx input, textarea, select {
background-color:#514B8F;
border: 3px solid #9EA8CB;
  padding:4px;
  color:#9EA8CB;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;opacity:0.9;
}