@charset "UTF-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
.jermy-bros-black {
	background-color: #1A1A1A!important;
}
.mobile-only {
	visibility: hidden;
}
#jermybros-container-about {
	display: flex;
	flex-direction: row;
	background-color: none;
	align-items: center;
	margin: 40px 0px;
}
.jermybros-paragraph {
	padding-right: 40px;
	width: 50%;
	color: #fff;
}
.jermybros-image {	
	padding: 0px;
	width: 50%;
}
img.jermybrosabout {
  width: 100%;
  height: auto;
}

.background-brand-blue {
  background-color: #20303F;
}
.brand-yellow {
  color: #8f7152;
}
.brand-grey {
  color: #999999;
}
.button-margin{
  margin-bottom: 5px;
}
.jermybros-nav-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 10px 30px;
}
.jermybros-nav-logo {
	display: flex;
	align-items: center;
	width: 30%;
}
.jermybros-nav-item-container {
	display: flex;
	justify-content: flex-end;
	width: 70%;
}



@media only screen and (max-width: 920px) {
	#jermybros-container-about {
		flex-direction: column-reverse;
	}
	.jermybros-paragraph {
		width: 100%;
	}
	.jermybros-image {
		width: 100%;
		padding-bottom: 30px;
	}
}
@media only screen and (max-width: 640px) {
	.jermybroslogo {
		justify-content: center;
	}
	.mobile-hide {
		display: none;
	}
	.jermybros-nav-container {
		flex-direction: column!important;
		padding-top: 20px!important;
	}
	.jermybros-nav-logo {
		width: 100%!important;
	}
	.jermybros-nav-item-container {
		justify-content: center!important;
		width: 100%!important;
	}
}



/** video background **/
body {
	background: #000;
}
*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.home {
    height: 80vh;
    position: relative;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-content {
    position: relative;
    padding-top: 150px;
    color: #fff;
    text-align: center;
    background: none;
}

.home-content button {
    display: block;
    font-size: clamp(14px, 1.5vw, 18px);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    margin: 50px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}