body{
	font-family: calistoga, brandon-grotesque;
	overflow-x: hidden;
}


h1{
  font-size: 5vw;
  text-decoration: none;
  color: #000000;
}


.nav{
	list-style-type: none;
	padding-top: 3%;
	background-color: #ffffff;

}

.Slogo{
	width: 10%;
	padding-left: 3%;
	padding-bottom:3%;
}

.BrandonGrotesqueRegular{

font-family: brandon-grotesque, sans-serif;

font-weight: 400;

font-style: normal;
}

.BrandonGrotesqueRegularItalic{

font-family: brandon-grotesque, sans-serif;

font-weight: 400;

font-style: italic;
}

.BrandonGrotesqueBold{

font-family: brandon-grotesque, sans-serif;

font-weight: 700;

font-style: normal;
}

.BrandonGrotesqueBoldItalic
{
font-family: brandon-grotesque, sans-serif;

font-weight: 700;

font-style: italic;
}

/*
.navicons{
  display: inline;

}

.DribbbleIcon{
  background: url('Images/Logos/DLogo1.png') center no-repeat;
  padding: 2%;
  display: inline;
    float: right;
}

.DribbbleIcon:hover{
  background: url('Images/Logos/DLogo1_hover.png') center no-repeat;
}

.LinkedinIcon{
  background: url('Images/Logos/LLogo1.png') center no-repeat;
  padding: 2%;
  display: inline;
    float: right;
}

.LinkedinIcon:hover{
  background: url('Images/Logos/LLogo1_hover.png') center no-repeat;
}


.InstaIcon{
  background: url('Images/Logos/ILogo1.png') center no-repeat;
  padding:2%;
  display: inline;
  float: right;
}

.InstaIcon:hover{
  background: url('Images/Logos/ILogo1_hover.png') center no-repeat;
}
*/

.ILogo:hover{
  transform: scale(.9);
}

.LLogo:hover{
  transform: scale(.9);
}

.DLogo:hover{
  transform: scale(.9);
}




.Logo{
	width: 20%;
	padding-top: 1%;
}

nav li{
	display: inline;
	padding-top: 4%; 
  float: right;

}

nav li a {
  display: inline;
  text-decoration: none;
  color: #000000;
  font-size: 2vw;

}

nav li a:hover{
	color: #f9d84a;
}

.row{
 min-height: 10%;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 position: relative;
}

.item{
  padding: .5%;
  position: relative;
  display: flex;
  align-items: center;
}

.overlay {
  position: absolute;
  opacity: 0;
  font-size: 5vw;
  color: black;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255, 0.9);

}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.item:hover .overlay {
  opacity: 1;

  transition: .5s ease;

}

.card{
  min-height: 10%;
  width: 99.5%;
  
}
.card2{
  min-height: 10%;
  width: 49.5%;
  
}


.social li {
	display: inline;
  	text-decoration: none; 
}


.social img{
	padding-right: 2%;
	padding-left: 2%;
	width: 3%;

}

.social{
	padding-bottom: 2%;
}

footer{
  padding-top: 15%;
  padding-bottom:5%;


}

.footercopy{
  font-size: 1.5vw;
  padding-left: 2%;
  color: #000;
  text-align: center;
}


.copy-white{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 70%; 
	text-decoration: none;
	color: #ffffff;
	padding-top: 3%
}

.title{
	font-size: 3vw;
	padding-top: 5%;
	color:#ffffff;
	text-align: center;
}

.caption{
	font-size: 1.8vw;
	padding-top: 2%;
	padding-bottom: 2%;
}

/* Ten Weeks of Retail*/

.display_container{
  background: #39b8ea;
  margin: 0 -9999rem;
  padding: .25rem 9999rem;

}

.tenweeks_container{
	background: #fcc453;
	margin: 0 -9999rem;
	padding: .25rem 9999rem;

}

.image_row2{
	width: 48%;
	padding-bottom: 5%;
	padding-top: 5%;

}

.image_row3{
	width: 31%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5%;
}

.image_row4{
	width: 24.5%;
	padding-top: 5%;
}

.image_row{
	padding-left: 1%;
}


.image_wide{
	width: 100%;
	padding-bottom: 1%;
	padding-top: 1%;

}

.image_top{
	width: 100%;
	padding-bottom: 5%;
	padding-top: 10%;

}

.image_bottom{
	width: 100%;
	padding-bottom: 15%;
	padding-top: 5%;

}

.image_padding{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 5%

}

.smallimage_padding{
  width: 60%;
  margin-left: 20%;
  padding-top: 5%

}


/*Whitepaper 1*/

.whitepaper1_container{
	background: #e64e31;
	margin: 0 -9999rem;
	padding: .25rem 9999rem;

}

/*Covid*/

.featured{
	opacity: 1;
}

.featured:hover{
	opacity: .5;
}

.covid_container{
	background: #ffc20e;
	margin: 0 -9999rem;
	padding: .25rem 9999rem;

}

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: sticky;
  top: 61%;
  width: auto;
  padding: 25px;
  margin-top: -22px;
  color: #303584
  font-weight: bold;
  font-size: 35px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  float: right;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: white;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*Whitepaper 2*/

.whitepaper2_container{
  background: #4bd092;
  margin: 0 -9999rem;
  padding: .25rem 9999rem;

}

/*Insta*/

.insta_container{
  background: #1991d1;
  margin: 0 -9999rem;
  padding: .25rem 9999rem;

}

/*OtherStuff*/

.otherstuff_container{
  background-image: url('images/OtherStuff/background.jpg');
  background-size: cover;
  margin: -1%;

}
/*Contact*/
.resume{
  font-family: calistoga;
  font-size: 1.5vw;
  color: #000000;
  text-decoration: none;
}

.resume:hover{
  font-family: calistoga;
  font-size: 1.5vw;
  color: #f9d84a;
  text-decoration: none;
}

.arrows{
  padding-top: 5%;
  padding-bottom: 5%;
}

.Right{
  width: 2%;
  padding-right: 5%;
  padding-left: 5%;
  float: right;
}

.Left{
  width: 2%;
  padding-right: 5%;
  padding-left: 5%;
}

.Right:hover{
  opacity: .5;
}

.Left:hover{
  opacity: .5;
}