body {
 /* padding-top: 50px;*/
 
}

.logo{
  float: left;
  z-index: 100;
   position: relative;
    left: -45px;
   top: -65px;
}

/*.navbar-nav {
    float: left;
    margin: 0;
    margin-right: 230px;
}*/

.emb{
	margin-top:15px;
	margin-left: -10px;
}

.galleries1 {
  min-height: 250px;
}


.container{
	background: url(../images/main_bg1.jpg) repeat-y top;
	width: 75%;
	/*background-color: yellow;*/
}
.header{
	/*width: 75%;*/
	margin-left: auto;
	margin-right: auto;

}

.container h1, h2 {
	font-weight: normal;
    font-family: geogria;
}

.container h1{
    font-size: 1.5em;
   /* line-height: 0.5em;*/
    margin-bottom: 6px;
    color: #000000;
}

.container h2{
	    font-size: 1.2em;
   /* line-height: 0.5em;*/
    margin-bottom: 0px;
    color: #000000;
}

.container p {
    font-family: arial;
    font-size: 12px;
}

.first{
	width:76%;
	 float:left;
}

a.link {
    color: #351000;
    font-family: arial;
    font-size: 12px;
}

.frame{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

 .left-side{
    font-weight: normal;
    font-family: geogria;
    font-size: 85%;
    color: #424242;
    text-decoration: none;
}

.left-side{
	text-transform: uppercase;
	border-right: 1px #351000 dotted;
}

.left-side a{
	color: #000;
	 font-weight: normal;
    font-family: geogria;
  
    color: #424242;
    text-decoration: none;
}

.galleries {
  text-transform: none;
  font-size: 100%;
}

.left-side li{
	list-style: none;
	border-bottom: 1px #351000 dotted;
	margin-right: 20px;
}

#footer{
	clear: both;
   color: #FFFFFF;
    font-family: arial;
    font-size: 10px;
}

#footer a {
    color: #d4784a;
    padding-right: 4px;
    background-image: none;
    text-decoration: underline;
    cursor: auto;

}

#footer a:hover {
    color: #fff;
}

#content{
  font-family: georgia;
    font-size: 12px;
    color: #9b4019;
    line-height: 1.5em;
}
}


/* =============================================== 1024+ =================================================== */
@media (min-width: 1024px)
{

}

/* =============================================== 768 =================================================== */
@media (min-width: 768px) and (max-width: 1023px)
{
  .container {
  	width: 100%;
  }

 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
   
    margin-right: -180px;
}

.logo{
	left: -25px;
}

.emb {
    margin-top: 30px;
    margin-left: -25px;
}

}

/* =============================================== 480 =================================================== */
@media (min-width: 0px) and (max-width: 767px)
{
	
}

@media (min-width: 479px) and (max-width: 767px)
{

  .logo{
    width: 100%;
    float: left;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
   background-color: #f8ddb0;
}

  #main{
    display: none;
  }
	.container{
		width: 100%;
	}

	.col-sm-6 {
    width: 50%;
  }

  .logo{
  	margin-left: -25px;
  }

  .emb{
  	display: none;
  }

  .first{
    width: 100%;
  }
}


/* =============================================== 0 =====================================================  */
@media (min-width: 0px) and (max-width: 479px)
{
  #main{
    display: none;
  }

.navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
   background-color: #f8ddb0;
}
.logo{
		width: 100%;
		float: left;
		z-index: 100;
		position: relative;
		left: 0;
		top: 0;
}


.container{
	width: 100%;
}

.header{
	width: 100%;
}

.emb{
	display: none;
}

.first{
	width:100%;
	float:left;
}

.images-small{
   width:100%;
}
}


/*@media (min-width: 768px) {
.navbar-nav {
    float: left;
    margin: 0;
    margin-right: 0px;
}
*/