body {
font-size:12px;


}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

h1 {
font-size:18px;
color:#ee8ead;
}

/*----============Nav ===========--*/



.navbar-brand {
float: left;
padding: 5px;
height: auto;
}

.navbar-contact {
position:absolute;
top:10px;
margin-left:60%;
font-size:24px;
color:#DA829E;
font-weight:bold;
}

.navbar-contact a {

color:#ee8ead!important;
}


.navbar-nav {
margin-top:100px;
margin-left: 50px;
}

.navbar {
border-bottom: solid 2px #ee8ead;

}

.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #ee8ead!important;
background-image: none;
border: 1px solid #e58ba8!important;
border-radius: 4px;

}

.navbar .navbar-toggle:hover {
background-color:#d47f9b!important;
}

.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color:#fff;
}

.nav li {
position: relative;
display: block;
background-color: #ee8ead;
margin-right: 5px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
width:120px;
height:30px;
text-align:center;
border-bottom:2px solid #fff;
font-family: Helvetica, Arial, sans-serif;
color:#fff;
font-size:16px;
font-weight:normal; 
}

.nav li a{
padding-top: 5px;
padding-bottom: 10px;
color:#fff;
}

.nav li a:hover {
background-color:#ee8ead;
padding-top: 5px;
padding-bottom:10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
height:30px;

}

.nav .active {

border-bottom:2px solid #ee8ead!important;
}

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

.bgpic {
padding-bottom:20px;
background-image:url(../assets/img/page_home.jpg);
background-repeat:no-repeat;
background-position: 84% 100%;
}

.bgpic1{
padding-bottom:20px;
background-image:url(../assets/img/page_about.jpg);
background-repeat:no-repeat;
background-position: 80% 100%;
}

.bgpic2{
padding-bottom:20px;
background-image:url(../assets/img/page_birth.jpg);
background-repeat:no-repeat;
background-position: 78% 100%;
}

.bgpic3 {
padding-bottom:20px;
background-image:url(../assets/img/page_post.jpg);
background-repeat:no-repeat;
background-position: 78% 100%;
}

.bgpic4 {
padding-bottom:20px;
background-image:url(../assets/img/page_contact.jpg);
background-repeat:no-repeat;
background-position: 90% 100%;
}

.pagepic {
background-color:#FFFF00;
min-height:360px;
position:absolute;
bottom:-380px;
}

.pagepic img {
vertical-align:bottom;
min-height:360px;

}

.main {
padding:0 10px;
min-height:360px;

}

.main img {
padding:0px 10px;

}

.relcont {
padding:10px 10px 0;
min-height:360px;
}

.footer {
border-top:solid 2px #ee8ead;
padding-top:5px;
}

.footer ul li {
display:inline;
list-style-type:none;
color:#ee8ead!important;
margin: 0 20px 0 0;
}

.pborder {
border: solid 2px #ee8ead;
border-radius:5px;

}

.footer li a{
padding-left:20px;
border-left: 1px solid #ee8ead;

}

/*---===========Margins ==========--*/

.margin-left-50 {
margin-left:50px;

} 

.margin-left-100 {
margin-left:100px;

} 

.margin-left-10 {
margin-left:10px;

}





@media (min-width:992px) {

.container {
width: 1170px;
}

.bgpic4 {
padding-bottom:20px;
background-image:url(../assets/img/page_contact.jpg);
background-repeat:no-repeat;
background-position: 80% 100%;
}

}

@media (max-width:992px) {

.navbar-nav {
margin-top:90px;
margin-left:0px;
}
.nav li {
width:105px;
font-size:14px;
}


}


@media (max-width:767px) {

.pborder {
margin-bottom:20px;

}

.bgpic, .bgpic1, .bgpic2, .bgpic3, .bgpic4 {

background-image:none
}

.nav li {
position: relative;
display: block;
background-color: #ee8ead;
margin-right: 5px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;
width:100%;
height:30px;
text-align:center;
border-bottom:2px solid #fff;
font-family: Helvetica, Arial, sans-serif;
color:#fff;
font-size:16px;
font-weight:normal; 
}

.nav li a{
padding-top: 5px;
padding-bottom: 5px;
color:#fff;
}

.nav li a:hover {
background-color:#DA829E;
padding-top: 10px;
padding-bottom:10px;
height:30px;
border-bottom:2px solid #fff!important;
}

.nav .active {
background-color:#DA829E;
border-bottom:2px solid #fff!important;
}


.navbar-contact a {

color:#ee8ead!important;
}

.navbar-contact {

margin-left:35%;
font-size:22px;
}

.footer ul li {
display:inline;
list-style-type:none;
color:#ee8ead!important;
margin: 0 10px 0 0;
}

.footer li a{
padding-left:10px;
border-left: 1px solid #ee8ead;

}

}