@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }


.menu {
	display: none;
	z-index: 10000;
	position: -webkit-sticky; position: sticky; top: 0px;
}

/* Layout Large Screens (default for older browsers) */
.logo {
	text-align: center;
}

.logo img{
	max-width: 180px;
	z-index: 1000; 
	width: 100%;
}
.video {
	height: 280px;
	width: 100%;
	overflow: hidden;
	z-index: 500;
	position: absolute;
	top:0px;
	text-align: center;
	
}
article { padding: 20px 20px 10px 20px; text-align: left;}

.promo_container { padding: 0px 20px 15px 20px; }
.promo_container .promo { width: 33%; float: left; background-position: 0px 3px; border-top: 1px solid #ccc;
 }
 .promo_container .promoHome { width: 50%; float: left; background-position: 0px 3px; border-top: 1px solid #ccc;
 }
 .promo_container .promoBook { width: 100%; display: block; }
 .promo_container .promoTestimonials { display: block; }
 .promo_container .promoContact {display: block;}

 .promo_container .promoContact { width: 50%; float: left; background-position: 0px 3px; border-top: 1px solid #ccc; }
 .promo_container .promoContact iframe { max-width: 500px; height: 1800px; }
.promo_container .promo .content { padding: 30px 30px 20px 30px; }
.promo_container .promoHome .content { padding: 30px 30px 20px 30px; }
.promo_container .promoTestimonials .content {padding: 20px 20px 20px 20px; }
.promo_container .promoContact .content {padding: 20px; }


header {
	height: 100px;
	text-align: right;
	background-image: url("../images/Richter-Multimedia-footerPattern.jpg");
	background-color: #1e1e1e;
}



/* Standard syntax */
@keyframes toPosition {
    0% {

    top: -25;
  }
    100% {
    top: 0px;

  }
}

.contact {
    margin-top: 25px;
	font-size: .9em;
	background: #bababa;
	z-index: 1;
}
.gradient {
    display: none;
	background: #1e1e1e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1e1e1e, #bababa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1e1e1e, #bababa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1e1e1e, #bababa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1e1e1e, #bababa); /* Standard syntax */
    height: 5px;
}

nav {
    z-index: 10000;
	width: 100%;
	display: block;
	position: absolute;
	min-height: 40px;
	background-color: #303030;
    top: 133px;
    box-shadow: 0 15px 15px -8px #656565;
	height: 30px;
	margin-top: 30px;
    margin: -30px auto 5px; 
    border-bottom: 1px solid #000;
}
nav a { margin: 12px 0px 10px 20px; }





.textmsg{
	display: none;
}

.scrollButton {
	display: block;
}

.profile {
	margin: auto;
	width: 300px;
	height: 300px;
	overflow: hidden;
	border: solid black 5px;
	border-radius: 200px;
	box-shadow: 2px 2px 10px;
	padding: 10px;
}
.profilePortfolio {
	margin: auto;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border: solid #2B2B2B 3px;
	border-radius: 200px;
	box-shadow: 2px 2px 10px;
	padding: 10px;
}
.profilePic{
	max-width: 300px !important;
	margin-left: -10px;
	margin-top: -25px;

}

.profilePic_portfolioNEW{
	max-width: 100px !important;
	margin-left: -20px;
	margin-top: -25px;

}
.profilePic-gabbie{
	max-width: 400px;
	margin-left: -50px;
	margin-top: -50px;
	
}
.makePayment {
	float: left;
	display: block;
}