/* ----------------------------------------------------------------
     [ Start About Nav ]
-----------------------------------------------------------------*/

.navbar .navbar-nav .nav-link {
  font-size: 13px;
  font-weight: 600;
  /* color: #fff !important; */
  letter-spacing: .5px;
  margin: 15px 5px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.nav-scroll .navbar-nav .nav-link {
  color: #222 !important;
}

/* ----------------------------------------------------------------
     [ End About Nav ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ Start About ]
-----------------------------------------------------------------*/

.about{
	background: #c9c5c1;
}

.about_header {
	padding: 150px 20px 50px 20px;
}
	
.intro-p {
	 font-size: 20px;
 }

.center-block {
	padding-bottom: 15px;
}
 
.about_information, .farra_information {
    background-color: #fff;
    padding: 40px;
	margin-bottom: 15px;
    vertical-align: middle;

}

.contact-information{
	background-color: #fff;
	padding: 15px 10px;
	margin-bottom: 15px;
    vertical-align: middle;
}

.about_information p{
    font-size: 1.1em;
	line-height: 1.5em;
	letter-spacing: .05em;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centered {
  position: absolute;
  font-size: 2em;
  background: #fff;
  padding: 5px;
  font-weight: 800;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.callout-ab img:hover {
	opacity: 0.5;
	transition: opacity 0.8s;
	-webkit-transition: opacity 0.8s;
}

.farra_information p{
	font-size: 1.1em;
	line-height: 1.5em;
	letter-spacing: .05em;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contact-row{
	padding-left: 0 !important;
}


.studio-pic {
	padding: 0;
}

.contact-information p{
	font-size: 1.2em;
	color: #000;
	line-height: 1.368em;
	letter-spacing: .05em;
	font-weight: 800;
	padding: 15px;
}

.social_icons {
	font-size: 16px;
	padding-left: 15px;
}

.social_icons i{
	margin-right: 5px;
	padding: 5px;
	background: #eee;
}

.social_icons i:hover{
	background: #000;
	color: #eee;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.contact-information u {
    text-decoration: none;
    border-bottom: 3px solid black;
  }​

img.responsive {
    height: auto;
    width: 100%;
}

	.about-item1 {
  margin-top: 2em ;
  }
	.about-item2 {
  margin-top: 4em ;
  }
    .about-item3 {
  margin-top: 4em ;
  }

@media only screen and (max-width: 480px) {
	.about_information {
	padding: 20px !important;
	}
	.about-item1 {
    margin-top: 4em;
  }
	.about-item2 {
    margin-top: 8em;
  }
    .about-item3 {
    margin-top: 9em;
  }
}


@media (min-width: 768px){
.callout-ab {
	margin: 0 0 15px 0;
	padding-right: 0;
}

.farra-pic {
	margin: 0 0 15px 0;
	padding-left: 0;
}

.studio-pic{
	padding-left: 15px;
}
.studio-pic{
	padding-bottom: 15px;
}
}

@media (max-width: 994px){
.callout-1 {
	margin: 0 0 15px 0;
	padding-right: 8px;
	padding-left: 0;
}
.callout-2{
	margin: 0 0 15px 0;
	padding-right: 0;
	padding-left: 8px;
}
.farra-pic {
	padding-left: 0;
}
.studio-pic{
	padding-left: 0px;
}
}

@media (max-width: 768px){
.callout-1 {
	margin: 0 0 15px 0;
	padding-left: 0;
	padding-right: 0;
}
.callout-2{
	margin: 0 0 15px 0;
	padding-right: 0;
	padding-left: 0;
}

.about_header h1{
	font-size: 3em;
}

.intro-p{
	font-size: 1em;
}
.farra-pic {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 15px;
}
.studio-pic{
	padding-left: 0px;
	padding-bottom: 15px;
}
.intro-p {
	 font-size: 18px;
 }
}
/* ----------------------------------------------------------------
     [ End About ]
-----------------------------------------------------------------*/