html { min-height: 100%;  position: relative;  }
body { font-family: 'Archivo Narrow', sans-serif; font-size: 16px; color: #FFF; margin-bottom: 170px; }

h1 {font-size:4em; text-transform: uppercase;  }
h2 { font-size:2.5em }
h3 { font-size:1.75em}
h4 { font-size:1.25em}
h5 { font-size:1em }

h1, h2, h3, h4, h5, h6 { font-weight: 400;   }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700;  }

#video_background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/poster.jpg) no-repeat;
    background-size: cover; 
}

#claim {     position: absolute;    bottom: 200px;    transform: rotate(-3deg);    margin-left: -15px; }
#claim img { width: 250px; }

#raster { position: fixed; background: url(../img/raster.png); width: 100%; height: 100%; z-index: -99; }

#main-content { padding-top: 20px ; }

#logo-sscs { max-width: 250px; }

.page-footer { background: rgba(0,0,0,.75); position: absolute; bottom: 0; width: 100%; height: 190px;}

.page-footer .row { max-width: 1140px; margin: 10px auto 0 auto;  }

.page-footer p { max-width: 1140px; margin: 10px auto 0 auto;  }

#flagholder {     background: rgba(255,255,255,.05);   border-radius: 3px;  padding: 0px 95px 0px 95px; text-align: center;    max-width: 410px;    margin: 0px auto 50px auto; }

#flagholder a { display: block; }

#flagholder img { max-width: 35px; border-radius: 50%;  }

hr { border: 0 none;  border-bottom: 2px solid rgba(255,255,255,1);  margin: 20px auto;  max-width: 350px;}
footer img  {
    padding: 1px;
    margin: 1px;
}

div.flag {
	width: 100px;
	float: left;
	font-size: 14px;
}