body {
    margin: 0;
    background-color:#EDEDED;
}

.imgtop {
    text-align:center; 
    margin-top:10px; 
    margin-bottom:8px;
}

/* navbar */
.navbar-inverse {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
/* title */
.navbar-inverse .navbar-brand {
    color: #777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-inverse .navbar-nav > li > a {
    color: #777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-inverse .navbar-nav > .open > a .caret, 
.navbar-inverse .navbar-nav > .open > a:hover .caret, 
.navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-inverse .navbar-toggle {
    border-color: #DDD;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

.logo {
	border:0px;
	width:336px;
	height:107px;
}



.lead {
	color: #6B6B6B;
	font-size: 16px;
}

.featurette-heading {
	color: #6B6B6B;
	font-size: 20px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#title {
	padding-top:5px;
	margin-left:10px;
	width:313px;
	height:35px;
	margin-bottom:5px;
	text-align:left;
	font-family: 'Lobster', cursive;
	font-size:22px;
}

#titleface {
	width:313px;
	height:35px;
	margin-left: 2px;
	margin-bottom:5px;
	text-align:left;
	font-family: 'Lobster', cursive;
	font-size:22px;
}

#ins {
	width:320px; 
	height: 320px
}

#instagram {
	text-align:center; 
	margin-top:15px; 
	display: block; 
	width: 390px; 
	height: 450px; 
	background-color:#000; 
	box-shadow: 10px 10px 5px #888888;
}

#instabox {
	margin-top:5px;
	margin-left:5px;
	width:313px;
	height:35px;
	background-color:#417096; 
	font-family:Arial;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

#fti {
	margin-left:10px;
}

#titlepes {
	margin-left:0px;
	padding-left:0px;
	width:100%;
	height:35px;
	margin-bottom:5px;
	text-align:left;
	font-family: 'Lobster', cursive;
	font-size:22px;
}

#pes {
	width:100%;
}

.row {
	margin-top:-20px;
}

.ft {
	width:80%;
}

.ini {
	width:80%;
}

/* Mobile */
@media (max-width: 480px) {
	#ins {
		width:210px; 
		height: 210px;
	}
	
	#instabox {
		width:210px;
		margin-left:10px;
	}
	
	#title {
		margin-top:10px;
		margin-left:0px;
		width:200px;
		font-size:22px;
	}
	
	#titleface {
		width:200px;
		font-size:22px;
	}	
	
	#fti {
		margin-left:10px;
	}
}

@media (max-width: 767px) {
	.imgtop {
		margin-top:5px; 
		margin-bottom:4px;
	}	
	.logo {
		width:168px;
		height:53px;
	}
	.ft {
		width:100%;
	}
	
	.ini {
		width:100%;
	}
	.imgp {
		width: 100%;
	}
}