﻿.nav-header-custom {
	font-size: 32px;
}

#header .header-top.header-top-semi-transparent {
	/*background-color: rgba(0, 0, 0, 0.85);  */
	/*background: var(--grey-500);*/
	/*background: var(--primary);*/
	background: var(--quaternary);
}

#header .header-nav-main nav > ul > li > a {
	display: inline-flex;
	align-items: center;
	white-space: normal;
	border-radius: var(--border-radius);
	color: var(--grey-500);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	padding: 0.5rem 1rem;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	text-decoration: none;
	}

#header .header-container {
	background: var(--grey-100);
}

#header .header-body {
	background: var(--grey-100);
}

.text-color-hover-white-custom {
	color: #ffffff;
	
}

.thumb-info-rev {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 80%;
	background-color: var(--light);
	border-radius: var(--border-radius);
	overflow: hidden;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
}

.float-shield-right {
	float:right!important
	
}

/* I think I need this so that videos will be responsive on small device*/

.video-center {
  max-width: 100%;
  height: auto;
} 

@media only screen and (max-width: 900px) {

.padding-custom-usa
	{
	margin-right:28px;
}

section.custom-ss {
	background: var(--grey-100);
	border-top: 5px solid var(--grey-100);
	margin: 30px 0;
	padding: 50px 0 0 0;
}

}


@media only screen and (max-width: 400px) {

.float-shield-right {float:right!important}

.padding-custom-usa
	{
	margin-right:38px;
}

section.section section-padding-custom-ss {
	background: var(--grey-100);
	border-top: 5px solid var(--grey-100);
	margin: 30px 0;
	padding: 50px 0 0 0;
}


}

/* Ken Burns To Right */
@keyframes kenBurnsToRight {
	from {
		transform: scale(1.2);
	}

	to {
		transform: scale(1);
	}
}

.kenBurnsToRight {
	animation-name: kenBurnsToRight;
	animation-timing-function: linear;
	transform-origin: right;
}

.calltoaction-alignleft {
	text-align:left;
}

