.camera-shutter{
	width: 16px;
	position: relative;
	top: -2px;
}
.contact-number{
	background-color: #ffd200
}
.contact-number span{
	border-bottom: 1px dotted #000;
	color: black;
}
.hero-image{
	background:#ffd200 url("../img/hero.jpg") bottom center no-repeat;
	background-size: cover;
	text-align: center;
}
.mb-6{
	margin-bottom: 4rem !important;
}
.btn-outline-dark {
      color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #ffd200;
  background-color: #343a40;
  border-color: #343a40;
}
.advantage{
	text-align: center;
}
.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-6 {
    font-size: 2.15rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-7 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.1;
}
#testimonial{
	background: #F7F7F7 url("../img/banner-2.png") center left no-repeat;
	background-size: cover;
}
.display-container{
	position: relative;
}
.display-middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}
.bg-theme {
    background-color: #ffd200;
}
.small-caps{
    font-variant: small-caps;
}

.mt-6-5 {
    margin-top: 4rem;
}

.mt-6 {
    margin-top: 2.5rem;
}
#wrapper{
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
}
#wrapper{
    position: relative;
    width: 100%;
    min-height: 55vw;  
    overflow: hidden;
}
.layer{
    position: absolute;
    width:100vw;
    min-height: 55vw;
    overflow: hidden;
}
.layer .content-wrap{
    position: absolute;
    width: 100vw;
    min-height: 55vw;
}
.layer .content-body{
    width:25%;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}
.layer img{
    position: absolute;
    width: 35%;
    top:50%;
    transform: translate(100%, -50%);
    border-radius: 50%;
}
.layer h1{
    font-size: 2em;
}
.bottom{
    background:radial-gradient(
        rgba(203, 191, 173, 0.767)
        ,rgba(101, 114, 111, 0.719));
    z-index: 1;    
}
.bottom .content-body{
    right: 5%
}
.bottom h1{
    color:rgb(158, 108, 1);
}
.top{
    background:radial-gradient(
        rgba(203, 191, 173, 0.767)
        ,rgba(101, 114, 111, 0.719));
    color: #222;
    z-index: 2;
    width:50vw;
}
.top .content-body{
    left:5%;
    color: #222
}
.handle{
    position:absolute;
    height: 100%;
    display: block;
    background-color: #FFD200;
    width:5px;
    top:0;
    left: 50%;
    z-index: 3;
}
.skewed .handle{
    top:50%;
    transform: rotate(30deg) translateY(-50%);
    height: 200%;
    transform-origin: top;
}
.skewed .top{
    transform: skew(-30deg);
    margin-left: -1000px;
    width: calc(50vw + 1000px);
}
.skewed .top .content-wrap{
    transform: skew(30deg);
    margin-left: 1000px;
}
@media(max-width:768px){
    body{
        font-size: 77%;
    }
}