:root {
 --fullGrid: 1 / 1 / -1 / -1;
}
header{
display: grid;
grid-template-rows: 100vh;
overflow: hidden;
}
video{
min-height:100vh;
max-width:100%;
}
.video-bg {
grid-area: var(--fullGrid);
min-width: 100%;
min-height: 100%;
object-fit: cover;
z-index: -1;
}
.video-bg::-webkit-media-controls {
display: none !important;
}
.video-overlay {
grid-area: var(--fullGrid);
display: grid;
justify-content: center;
align-content: center;
text-align: center;
background-color: rgba(255, 255, 255, 0.38);
}
main{
max-width: 95%;
margin: 0 auto;
}
::-moz-selection {
background-color: rgba(222, 222, 222, 0.75);
color: #fff;
}
::selection {
background-color: rgba(222, 222, 222, 0.75);
color: #fff;
}
.spikes-index{
height:44px; 
z-index:999; 
width:100%; 
background-repeat: repeat-x; 
background-image:url(/images/tri8.png);
position: absolute;
top:0;
}
#header-content1{
z-index:9999; 
width:100%; 
position: absolute;
top:0;
text-align:center;
vertical-align:top;
}
.main_logo_img{
display:inline-block; 
margin:0; 
padding:0; 
text-align: center;
opacity: 0.65;
}
.oldmace_box{
width:130px;
vertical-align:top;
display:inline-block;
color:#272727;
}
.oldmace{
text-align:center;
margin-top:122px;
font-weight:bold;
font-size:12px;
}
.oldmace2{
text-align:center;
margin-top:0;
font-weight:bold;
font-size:13px;
}
.oldmace_img{
width:35px;
}
.newmace_box{
width:200px;
vertical-align:top;
display:inline-block;
width:140px;
color:#272727;
}
.newmace{
text-align:center;
margin-top:122px;
font-weight:bold;
font-size:12px;
}
.newmace2{
text-align:center;
margin-top:0;
font-weight:bold;
font-size:13px;
}
.newmace_img{
width:35px;
} 
.main_logo_imgi{
display:inline-block; 
margin:0; 
padding:0; 
text-align: center;
opacity: 0.55;
}
.main_logo_img_flex{ 
 max-width:500px;
 max-height:70vh;
}
/*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {

}
    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
video{
max-width:125%;
}
}
    /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 972px) {
video{
max-width:121%;
min-height:80vh;
}
header {
grid-template-rows:80vh;
}
.main_logo_img_flex{ 
 height:50vh;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 780px) {
.oldmace_img{
width:25px;
}
.newmace_img{
width:25px;
}
.newmace{
margin-top:0px;
}
.oldmace{
margin-top:0px;
}
video{
max-width:125%;
min-height:47vh;
}
header {
grid-template-rows:47vh;
}
.main_logo_img_flex{ 
 height:25vh;
}
.oldmace_box{
display:none;
}
.newmace_box{
display:none;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 650px) {
video{
max-width:129%;
min-height:37vh;
}
header {
grid-template-rows:37vh;
}
.main_logo_img_flex{ 
 height:20vh;
}
}
@media only screen and (max-device-height: 500px) {

video{
max-width:145%;
min-height:100vh;
}
header {
grid-template-rows:100vh;
}
.main_logo_img_flex{ 
 height:60vh;
}
}
@media only screen and (max-width : 480px) {

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}