.img-responsive{
	max-width: 100%;
	height: auto;
}

.text-xsmall{
	font-size: 10px;
}
.text-small{
	font-size: 12px;
}
.text-demi-small{
	font-size: 13px;
}
.text-medium{
	font-size: 14px;
}
.text-demi-large{
	font-size: 15px;
}
.text-large{
	font-size: 16px;
}
.text-xlarge{
	font-size: 18px;
}

@media(max-width: 375px) {
  .text-xsmall{
    font-size: calc(10 / 375 * 100vw);
  }
  .text-small{
    font-size: calc(12 / 375 * 100vw);
  }
  .text-demi-small{
    font-size: calc(13 / 375 * 100vw);
  }
  .text-medium{
    font-size: calc(14 / 375 * 100vw);
  }
  .text-demi-large{
    font-size: calc(15 / 375 * 100vw);
  }
  .text-large{
    font-size: calc(16 / 375 * 100vw);
  }
  .text-xlarge{
    font-size: calc(18 / 375 * 100vw);
  }
}



.text-weight-bold{
	font-weight: bold;
}
.text-center{
	text-align: center;
}
.line-height-tight{
  line-height: 1.6;
}
.text-color-004097{
	color: #004097;
}

.background-color-fff8ca{
	background-color: #fff8ca;
}
.relative{
  position: relative;

}




.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
	padding-left: 25px;
	padding-right: 25px;
  padding-left: calc(25/375*100%);
  padding-right: calc(25/375*100%);
  max-width: none;
	box-sizing: border-box;
}
.container-collapse {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
  max-width: none;
	box-sizing: border-box;
}
@media(max-width: 375px) {
  .container {
    padding-left: calc(25/375*100%);
    padding-right: calc(25/375*100%);
  }
}
@media(min-width: 576px) {
  .container,
  .container-collapse {
    max-width:540px;
  }
}
@media(min-width: 768px) {
  .container,
  .container-collapse {
		max-width: 1080px;
  }
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-collapse {
  }
}
@media(min-width: 992px) {
  .container,
  .container-collapse {
    max-width: 960px;
    max-width: 1080px;
  }
}
@media(min-width: 1280px) {
  .container,
  .container-collapse {
    max-width: 1240px;
    max-width: 1080px;
  }
}


.row-gutter-0px{
  display: flex;
}
.row-gutter-0px > .col-6of12{
  flex: 0 0 50%;
  max-width: 50%;
}

.margin-vert-0px{
	margin-top: 0px;
	margin-bottom: 0px;
}
.margin-vert-5px{
	margin-top: 5px;
	margin-bottom: 5px;
}
.margin-vert-10px{
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-vert-20px{
	margin-top: 20px;
	margin-bottom: 20px;
}
.margin-vert-30px{
	margin-top: 30px;
	margin-bottom: 30px;
}
.margin-vert-40px{
	margin-top: 40px;
	margin-bottom: 40px;
}
.margin-vert-60px{
	margin-top: 60px;
	margin-bottom: 60px;
}
.margin-vert-80px{
	margin-top: 60px;
	margin-bottom: 80px;
}
.margin-bottom-40px{
	margin-bottom: 40px;
}
.margin-bottom-60px{
	margin-bottom: 60px;
}
.margin-bottom-80px{
	margin-bottom: 80px;
}

.overflow-hidden{
	overflow: hidden;
}
.display-flex{
	display: flex;
}
.align-items-center{
  align-items: center;
}

.display-none{
  display: none !important;
}
@media screen and (min-width: 768px){
  .medium-display-none{
    display: none !important;
  }
  .medium-display-block{
    display: block !important;
  }
}

@media screen and (min-width: 768px){
	.medium-text-xsmall{
		font-size: 12px;
	}
	.medium-text-small{
		font-size: 14px;
	}
	.medium-text-medium{
		font-size: 16px;
	}
	.medium-text-large{
		font-size: 18px;
	}
	.medium-text-xlarge{
		font-size: 20px;
	}
	.medium-text-2xlarge{
		font-size: 22px;
	}
	.medium-text-3xlarge{
		font-size: 24px;
	}
	.medium-text-4xlarge{
		font-size: 26px;
	}
	.medium-display-none{
		display: none !important;
	}
	.medium-margin-vert-40px{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.medium-margin-vert-60px{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.medium-margin-vert-80px{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.medium-margin-vert-120px{
		margin-top: 120px;
		margin-bottom: 120px;
	}
	.medium-margin-bottom-120px{
		margin-bottom: 120px;
	}
	.medium-margin-bottom-220px{
		margin-bottom: 220px;
	}
}

@media screen and (min-width: 768px){
	.display-flex-center {
		justify-content: center;
	}
	#main a:hover {
		opacity: 0.7;
	}
}
#float-button a{
	display: flex;
	justify-content:center;
	align-items:center;
	text-transform: uppercase; 
	transition:all 0.3s;
}
#float-button {
	position: fixed;
	right: 10px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}
#float-button a img{
	width: 95px;
	height: auto;
	opacity: 0.9;
}
#float-button.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(200px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
#float-button.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(200px);
  }
}
@media(max-width: 440px) {
	#float-button {
		right: 5px;
	}
	#float-button a img{
		width: 75px;
	}
	.container-last {
		margin-bottom: 90px;
	}
}
@media screen and (min-width: 768px){
	#float-button a:hover {
		opacity: 0.7;
	}
	#float-button {
		right: 20px;
	}
	#float-button a img{
		width: 140px;
	}
}