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

body {
	background-color:#513823;
}

#multi-item-example{
}

.navbar-toggler-icon {
	color:#FAFBFC;
}

.navbar{
	color: #FAFBFC;
	background-color:#B38778;
}

.nav-link {
	color: "#FAFBFC" !important;
	text-decoration: none;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

a:link {
	color:#FAFBFC;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

a:hover {
	color:#513823;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

a:visited {
	color:#513823;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

.dropdown-item {
	color: "#513823";
	text-decoration: none;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	background-color: #A4725F;
}

.carousel-item {
	position: relative;
}

.carouselbutton {
	position: absolute;
}

.form-control {
	font-family: 'Karla', sans-serif;
	font-weight: 200;
}

.btn {
	font-family: 'Karla', sans-serif;
	font-weight: 200;
}

.title {
	background-image: url('images/borobudur.jpg');
	background-size: cover;
	display: block;
	max-height: 450;
	width: 100%;
}

.font {
	padding: 5%;
	text-align: left;
	max-width: 40%;
	color: #FAFBFC;
	font-size: 20px;
}

.headings {
	background-color:#513823;
	font-family: 'Yeseva One', cursive;
	text-align: center;
	color: #FAFBFC;
	margin-top: 5%;
	margin-bottom: 2%;
}

.row{
	background-color:#513823;
	display: flex;
	padding: 1%;
	margin: 1%;
	margin-top: 0%;
	margin-bottom: 2%;
	align-content: center;
}

.row2{
	background-color:#B38778;
	display: flex;
	padding: 1%;
	margin: 1%;
	margin-top: 0%;
	margin-bottom: 2%;
	align-content: center;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

.row3{
	background-color:#fafbfc;
	display: flex;
	padding: 1%;
	align-content: center;
}

.row4{
	background-color:#fafbfc;
	display: flex;
	padding: 0.5%;
	align-content: center;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	color: #513823
}

.row5{
	background-color:#B38778;
	display: flex;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0%;
	margin-bottom: 2%;
	align-content: center;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

.card-div{
	padding: 2;
	min-height: 600px;
}

.card-div2{
	padding-bottom: 3em;
	padding-top: 1em;
	background-color:#503822;
}

.card-deck{
	margin-left: 2em;
	margin-right: 2em;
	display: flex;
}

.card{
    padding: 1em .5em .5em;
    border-radius: 2em;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.card-title{
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}

.card-text{
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	font-style: italic;
}

.aside-left {
	max-width: 48%;
	min-height: 450px;
	float: left;
	margin: 0 1%;
	padding: 1%;
	box-sizing: border-box;
}

.card-img-top {
	border-radius: 1.5em;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.yseva {
	font-family: 'Yeseva One', cursive;
}

.yseva2 {
	font-family: 'Yeseva One', cursive;
	color: #513823
}

.togain{
	font-family: 'Karla', sans-serif;
	font-weight: 200;
}

.image-signup {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.signupcontainer{
	background-color: #FAFBFC;
	display: flex;
	max-width: 100%;
	padding: 3%;
}

.form-right {
	align-content: center;
	max-width: 40%;
	float: right;
}

.form-label{
	font-family: 'Karla', sans-serif;
	font-weight: 300;
}

.formedit {
	float: right;
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	max-width: 50%
}

.text-center{
	font-family: 'Yeseva One', cursive;
}

.socmed{
	color: #FAFBFC;
	background-color:#B38778;
	max-height: 250px;
	max-width:"100%";
	column-rule-color: #ff0000;
	padding-top: 2%;
	padding-bottom: 1%;
	font-size: 15pt
}

.socmed2{
	color: #FAFBFC;
	background-color:#B38778;
	max-height: 250px;
	max-width:"100%";
	column-rule-color: #ff0000;
	padding-top: 2%;
	font-size: 15pt
}

.left {
	margin: 0 1%;
	padding: 5%;
	max-width: 60%;
}

.right {
	align-content: center;
	margin: 0 1%;
	padding: 0%;
	max-width: 25%;
}

.logofooter {
	float: right;
}

.headingscontainer{
	background-color: #513823;
	padding: 0.5em ;
}

.headings02 {
	font-family: 'Yeseva One', cursive;
	color: #FAFBFC;
	margin-top: 5%;
	margin-bottom: 2%;
}

.headings03 {
	font-family: 'Yeseva One', cursive;
	color: #FAFBFC;
	margin-top: 3%;
	margin-bottom: 2%;
	align-content: center;
	text-align: center;
}

.sub-headings02 {
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	color: #FAFBFC;
	margin-bottom: 5%;
	align-content: center;
	text-align: center;
}

.container-fluid {
	background-color: #FAFBFC;
	padding-left: 3em ;
	padding-right: 3em ;
	padding-top: 3em ;
}

.container-fluid-2 {
	background-color: #FAFBFC;
}

.row3 {
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	color: #513823;
	margin-bottom: 5%;
}

.container3 {
	padding-top: 3em;
}

hr{
        height: 1px;
        background-color: #FAFBFC;
        border: none;
    }

footer {
	background-color:#513823;
	text-align: center;
	padding: 1%;
	color: #FAFBFC;
	margin-top: 2%;
}

.quote {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}

.copyright {
	font-family: 'Karla', sans-serif;
	font-weight: 200;
}