.page{
  display: flex;
  flex-flow: column;

  overflow-y: auto;
}
.page .video{
  flex: 0 1 auto;
}
.page .content{
  flex: 1 1 auto;
  background-color: #ffffff;
}
.page .footer{
  flex: 0 1 auto;
  background-color: #ffffff;
}

/*
.video:hover video{
  filter: grayscale(100%);
  transition: 1s;
}
*/
.page-video{
  position:relative;
  height: 490px;

  overflow: hidden;
  z-index: -1;
}.page-video video{
  position: fixed;
  width: 100%;
  min-width: 900px;
}
.page-video-content{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.page-title{
  padding: 5px 30px;
  font-size: 30px;
  color: #ffffff;
  background-color: rgba(0,0,0,0.2);
  border-radius: 50rem;
  white-space: nowrap;
}

.paragraph.space-bottom{
  margin-bottom: 50px;
}
.paragraph-list.space-bottom{
  margin-bottom: 50px;
}

.paragraph.space-bottom-sm{
  margin-bottom: 25px;
}
.paragraph-list.space-bottom-sm{
  margin-bottom: 25px;
}

.paragraph.space-top{
  margin-top: 50px;
}
.paragraph-list.space-top{
  margin-top: 50px;
}

.paragraph.space-top-sm{
  margin-top: 25px;
}
.paragraph-list.space-top-sm{
  margin-top: 25px;
}

.paragraph.space{
  margin: 50px 0px;
}
.paragraph-list.space{
  margin: 50px 0px;
}

.home-paragraph.space{
  margin: 50px 0px;
}

.paragraph{
  font-size: 20px;
  color: #4d4d4d;
}
.paragraph.title{
  font-size: 18px;
  font-weight: 500;
  color: #6c757d;
}
.paragraph-list{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.paragraph-list li{
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}.paragraph-list li i{
  margin-right: 7px;
}

.home-paragraph.title{
  margin-bottom: 25px;
  font-size: 46px;
}
.home-paragraph{
  font-size: 21px;
}

.home-paragraph.title-sm{
  font-size: 21px;
	font-weight: 600;
}

.quote-control{
  font-size: 38px;
  color: #e2e2e2;
  transition: 0.3s;
}.quote-control:hover{
  color: #cacaca;
  transform: scale(1.05);
  text-decoration: none;
}
.quote{
  display: block;
  height: auto;
  text-align: center;
  background-color: #ffffff;
}
.quote .icon{
  font-size: 21px;
  color: #c4c4c4;
}
.quote .text{
  padding: 25px;
  font-size: 19px;
  color: #666666;
  font-style: italic;
}
.quote .by{
  font-size: 18px;
  color: #c4c4c4;
}

.quote .quote-sm{
  color: #9e9e9e;
}
.quote .quote-sm.up{
  font-size: 9px;
  top: -11px;
  position: relative;
}
.quote .quote-sm.down{
  font-size: 9px;
  top: -11px;
  position: relative;
}

.contact-title{
  font-size: 32px;
  font-weight: bold;
  color: #37a000;
}

.grid {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(3, 1fr);
}
.grid .fa-wifi{
  color: #2098ff;
}
.grid .fa-tty{
  color: #37a000;
}

div.grid > div {
  padding: 10px;
  font-size: 40px;
  color: #626262;
  background-color: #fff;
  text-align: center;
}