body{
  background-color:#ffffff;
  margin: 0px auto;
}
.container{
  
   max-width: 900px;
   ;
   margin: 0px auto;


}
.paddin{
  padding: 150px 0px;
}
.laptopHide{
  display:none;
}

.zTop{
  position: absolute;
  right: -30px;
  top: -40px;
  z-index: 3000;
}
.arrowGif{
  position: fixed;
  right: 46%;
  top:700px;
  width: 90px;
}
.zzTop{
  position: absolute;
  left: 250px;
  top: 1300px;
  z-index: 3000;
}

.zzzTop{
  position: absolute;
  left: 80px;
  top: 2350px;
  z-index: 3000;
}
.containerTab{
	max-width: 1000px;
}
.zzzzTop{
position: absolute;
  left: 80px;
  top: -30px;
  z-index: 3000;
}
.zzzzzTop{
position: absolute;
  left: 80px;
  top: -190px;
  z-index: 3000;
}
.moveLeft{
      position: relative;
      top: -90px;
      left: -30px;
      z-index: 3000;
    }
.inboundNav{
	position: fixed;
  
  left: 0px;
  top: 190px;
  
  width: 100%;

  z-index: 9000;

}
.inboundNav a{
 

  text-decoration: none;
  font-size: 8px;
  font-family: 'Muli', sans-serif;
 padding-right: 135px;
  letter-spacing: 5px;
  font-variant: small-caps;
  color: #3b3b3b;
}


 .inboundNav a:hover {
  
  color: #3b3b3b;
}
 #gallery img:hover {
  
  opacity: 0.3;
}

p{
  text-align: right;
}
#button{
  text-align:center;
  }
}
nav a.active {
  background-color: #e1e1e1;
  color: #3b3b3b;
}

.row{
  display: flex;

  flex-wrap: wrap;
}
.coll{

  padding: 5px 0.5%;
  margin: 5px 0.5%;
  flex-grow: 1;
}



.imgSizer{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0px auto;
}
header{
	font-family: 'Muli', sans-serif;
	text-align: center;
	color: #9c9c9c; 
  font-size: 30px;  
}
.topMargin{
  margin-top: 60px;
}
h2{
	font-family: 'Lato', sans-serif;
	padding: 0px;
	color: #3b3b3b; 
  font-size: 120px;
}
.rightAlignHead{
  text-align: right;
}
.righth2{
      position: relative;
      top: 120px;
      left: 650px;
      z-index: 3000;
      


    }
    .righth{
      position: relative;
      top: -100px;
      left: 300px;
      z-index: 3000;
      


    }
.topPad{
      padding-top: 170px;
      padding-left: 140px;
    }
.topPad{
      padding-top: 150px;
      padding-left: 140px;
       }


h3{
	margin-left: 12px;
	font-family: 'Bebas Neue', cursive;
  font-size: 20px;

}
h4{
  font-family: 'Bebas Neue', cursive;
  font-size: 10px;
}

p{
  font-family: 'Playfair Display', serif;
  padding: 5px 10px ;
  font-size: 18px ;
}

.bottomSmall{
  text-align: center;
  padding-top: 30px;
  font-size: 10px;
}
.fa-instagram {
  background: #ffffff;
  color:  #9c9c9c;
}
.fa {
  padding: 10px;
  font-size: 30px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
nav {
  background-color: rgba(255,255,255,0.95);
  overflow: hidden;
  margin-bottom: 40px;
  position: fixed; 
  width: 100%;
  margin-top: 0px auto;
 
  
  z-index: 9000;

  
}
.smallNav {
  margin-bottom: 40px;
  position: fixed; 
}
.smallNav a{
  float: left;
  display: block;
  z-index: 9000;
}
nav a {
  float: left;
  display: block;
  
 
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 10px;
  font-family: 'Muli', sans-serif;
  color: #3b3b3b;
  letter-spacing: 5px;
  font-weight: bold;

  font-variant: small-caps;
}


  nav a:hover {
  background-color: #9c9c9c;
  color: #3b3b3b;
}


nav a.active {
  background-color: #e1e1e1;
  color: #3b3b3b;
}
.smallDropDown{
        display: none;
      }
      #off{
        display:none;
      }
      #on{
        display:block;
      }
     
  #smallNav{
  display: none;
}

.btn {
	background-color: #e1e1e1;
	color: #000000;
	font-size: 16px;
	padding: 16px 30px;
	border: 1px;
	cursor: pointer;
	border-radius: 1px;
	text-align: center;
		  
}
.btn a{
      text-decoration: none;
      color: #3b3b3b;

     
    }
.mobileButton{
	margin-left:165px;

}
.btn .mbtn{
     position: relative;
     margin: 0px auto;
}
button{
	font-family: 'Muli', sans-serif;
}
.btn:hover {
  background-color: #000000;
  color: #ffffff;
}

iframe{
  margin:  auto;
  align-items: center;
  display: block;


}
 .leftAlign p {
  text-align: left;
}

.video{
  display: block;
  

}




.fa {
  padding: 10px;
  font-size: 30px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
.bottomText{
	font-family: 'Playfair Display', serif;
	font-size: 8px;
}
.bottomBox {
  text-align: center;
  
  border-right : 1px solid #959595;
  border-left : 1px solid #959595;
 margin-top: 5px;

}

.bottomBox a{
  text-decoration: none;
  margin-top: 15px;
  font-family: 'Bebas Neue', cursive;
  color: #959595;

}



.fa:hover {
  opacity: 0.7;
}

.fa-instagram {
  background: #ffffff;
  color:  #9c9c9c;
}
.fa-pinterest {
  background:  #ffffff;
  color:  #9c9c9c;
}


.oneTwelve{
	flex-grow:0;
	width: 6.3333%;
}

.twoTwelve{
	flex-grow:0;
	width: 14.6666%;
}
.threeTwelve{
	flex-grow:0;
	width: 23%;
}
.fourTwelve{
	flex-grow:0;
	width: 31.333%;
}
.fiveTwelve{
	flex-grow:0;
	width: 39.6666%;
}
.half{
	flex-grow:0;
	width: 48%;
}
.sevenTwelve{
	flex-grow:0;
	width: 56.333%;
}
.eightTwelve{
	flex-grow:0;
	width: 64.44%;
}
.nineTwelve{
	flex-grow:0;
	width: 73%;
}
.tenTwelve{
	flex-grow:0;
	width: 81.33%;
}
.elevanTwelve{
	flex-grow:0;
	width: 89.666%;
}
.menuBar{
  width: 35px;
  height: 5px;
  background-color: #9c9c9c;
  margin: 6px 0;
}
.laptopHide{
     display: none;
   }
 .smallText{
      font-size: 18px;
      border-bottom: 1px solid #9c9c9c;
      padding-top : 15px;
    }
    .mainNav{
      display:block;
    }


@media only screen and (max-width: 780px){
  .container{
  
  }
  
   .tabletoneSixth{
	flex-grow:0;
	width: 14.6666%;
	}


	.tablettwoSixth{
		flex-grow:0;
		width: 30.333%;
	}
	.tablethalf{
		flex-grow:0;
		width: 48%;
	}
	.tabletfourthSixth{
		flex-grow:0;
		width: 64.666%;
	}
	.tabletfiveSixth{
	  flex-grow:0;
	  width: 81.333%;
	}
	.tabletFull{
		flex-grow:0;
	  width: 98%;
	}
   .ipadShow{
     display: block;
   }
    .ipadHide{
     display: none;
   }
   .mbtn{
		position: relative;
	}
	.macrame{
		padding-top: 50px;
		padding-right: 50px;
	}
  .tactile{
    height: 379px;
  }
  .paraHeadingIpad{
  font-size: 45px;

}
.descriptions{
  padding: 30px;
}
p{
  
  font-size: 17px ;
}

.ipadPaddingSides{
 margin: 0px 10px; 
    
}
.picPadding{
 padding-top: 300px ;
 padding-left: 3px;
}
.topMargin{
  margin-top: 250px;
}

.paddingTop{
  padding-bottom: 0px;
}
.smallText{
  padding-top: 0px;
  font-size: 17px;
}
.zTop{
  
  
  top: -250px;
  z-index: 3000;
}
.righth{
  top: -80px;
      left: 40px;

}
}
@media only screen and (max-width: 620px){
  .container{
    
  }
  .zzzzTop{
    top:-130px;
  }
   .coll{
     width: 98%;

   }
   .mobileHide{
     display: none;
   }
   .mobileShow{
     display: block;
   }
    .mobileOneThird{
     flex-grow: 0;
     width: 31.333%
   }
   .mobileHalf{
   	  width: 48%;
   }
   .mobiletwoThird{
    width: 63.66666%;
   }
    .mobilefull{
   	  width: 98%;
   }
   iframe{
  margin:  auto;
  align-items: center;
  display: block;
  width: 100%;
  height: auto;


}

.video{
  display: block;
   
  

}
     .oneThreeMobile{
	flex-grow:0;
	width: 14.6666%;
	}
	.inboundNav{
		padding-top: 200px;

	}
  .topPad{
      padding-top: 20px;
      padding-left: 10px;

    }.topPadd{
      padding-top: 20px;
      padding-left: 0px;

    }

.zTop{
  
  
  top: -190px;
  z-index: 3000;
}

.righth{
  top: -80px;
      left: 60px;

}
 p {
  text-align: center;
}
h3{
  text-align: center;
}
  #smallNav{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    text-align: center;
    z-index: 9000;
  }
 
  nav a{
    display: block;
    width: 94%;
  }
  .paddin{
    padding-top: 20px;
  }

   
  }
     padding-left: 10px;

    }.topPadd{
      padding-top: 20px;
      padding-left: 0px;

    }

.zTop{
  
  
  top: -190px;
  z-index: 3000;
}

.righth{
  top: -80px;
      left: 60px;

}
 p {
  text-align: center;
}
h3{
  text-align: center;
}
  #smallNav{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    text-align: center;
    z-index: 9000;
  }
 
  nav a{
    display: block;
    width: 94%;
  }
  .paddin{
    padding-top: 20px;
  }

   
  }