﻿@charset "utf-8";
/* CSS Document */

/*---- Baseline Styles ----*/
a {text-decoration: none;}

.bg-white {background-color: rgb(255,255,255);}

.bg-red {background-color: rgb(158,27,52);}

.bg-grey {background-color: rgb(51,51,51);}

.bg-lt-grey {background-color: rgb(102,102,102);}

.bg-yellow {background-color: rgb(234,167,0)}
a:hover.bg-yellow.btn, input:hover.bg-yellow.btn {background-color: rgb(158,27,52); color: rgb(255,255,255) !important;}

.bg-black {background-color: rgb(0,0,0);}

.border-top-dashed {border-top: 1px dashed;}

.border-top-solid {border-top: 2px solid;}

.border-bot-solid {border-bottom: 2px solid;}

.border-bot-dashed {border-bottom: 1px dashed;}

.border-black {border-color: rgb(0,0,0);}

.border-red {border-color: rgb(158,27,52);}

.border-yellow {border-color: rgb(218,176,56);}

.border-white {border-color: rgb(255,255,255);}

.bold {font-weight: bold;}

.fa-center {align-items: center;}

label {font-weight: 700;}

label.required {
    color: #337ab7;
}

input.required, textarea.required, select.required {
    border-color: #337ab7;
}

.rounded-box {border-radius: 10px;}

.h-100 {height: 100% !important;}

.w-100 {width: 100% !important;}

.d-flex {display: -ms-flexbox !important; display: flex !important;}

.d-block {display: block;}
@media screen and (min-width: 768px) {
	.d-md-block {display: block !important;}
}

.d-none {display: none;}

.position-absolute {position: absolute;}

.position-rel {position: relative;}

.ml-auto, .mx-auto {margin-left: auto !important;}

.mr-auto, .mx-auto {margin-right: auto !important;}

.mt-auto, .my-auto {margin-top: auto !important;}

.mb-auto, .my-auto {margin-bottom: auto !important;}

.mb-0 {margin-bottom: 0px;}

.mb-5 {margin-bottom: 5px;}

.mb-10 {margin-bottom: 10px;}

.mb-15 {margin-bottom: 15px;}

.mb-30 {margin-bottom: 30px;}

.mt-10 {margin-top: 10px;}

.img-fluid {height: auto; max-width: 100%;}

.pad-15 {padding: 15px;}

.pad-30 {padding: 30px;}

.pad-t10-b0 {padding-top: 10px; padding-bottom: 0;}

.pad-tb-0 {padding-top: 0; padding-bottom: 0;}

.pad-tb-10 {padding-top: 10px; padding-bottom: 10px;}

.pad-tb-15 {padding-top: 15px; padding-bottom: 15px;}

.pad-tb-30 {padding-top: 30px; padding-bottom: 30px;}

.pad-tb-30-lr-60 {padding: 30px 60px;}

.pad-t0-b10 {padding-top: 0; padding-bottom: 10px;}

.pad-t0-b15 {padding-top: 0; padding-bottom: 15px;}

.pad-t0-b30 {padding-top: 0; padding-bottom: 30px;}

.pad-t30-b0 {padding-top: 30px; padding-bottom: 0;}

.pad-t70-b0 {padding-top: 70px; padding-bottom: 0;}

.pad-t75-b30 {padding-top: 75px; padding-bottom: 30px;}

.pad-t115-b30 {padding-top: 80px; padding-bottom: 30px;}
@media screen and (min-width: 768px) {
	.pad-t115-b30 {padding-top: 115px; padding-bottom: 30px;}
}

.text-black {color: rgb(0,0,0);}
a:hover.text-black {color: rgb(0,0,0);}

.text-red {color: rgb(158,27,52);}
a.text-red {text-decoration: underline;}
a:hover.text-red {text-decoration: none; background-color: rgb(158,27,52); color: rgb(255,255,255);}

.text-white {color: rgb(255,255,255) !important;}
.text-white.text-shadow {text-shadow: 2px 2px rgba(51,51,51,0.75);}

.text-grey {color: rgb(51,51,51) !important;}
.text-grey.text-shadow {text-shadow: 2px 2px rgb(204,204,204);}

.text-yellow {color: rgb(234,167,0) !important;}
.text-yellow.text-shadow {text-shadow: 2px 2px rgb(0,0,0);}
h2.text-yellow {border-color: rgb(62,62,62);}
a:hover.text-yellow {background-color: rgb(234,167,0); color: rgb(0,0,0) !important; text-decoration: none;}
 a:hover.socialicon.text-yellow {background-color: transparent; color: rgb(255,255,255) !important; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Anton', Arial, Helvetica, sans-serif; margin: 0px; text-transform: uppercase;}
h2 {font-size: 9vw !important; line-height: 10vw; padding: 0 0 10px;}
h3 {font-size: 6vw; line-height: 7vw;}

@media screen and (min-width: 768px) {
	h2 {font-size: 7vw !important; line-height: 8vw;}
	h3 {font-size: 5vw; line-height: 5vw;}
}
@media screen and (min-width: 992px) {
	h2 {font-size: 48px !important; line-height: 58px;}
	h3 {font-size: 24px; line-height: 32px;}
}
@media screen and (min-width: 1200px) {
	h2 {font-size: 48px !important; line-height: 58px;}
	h3 {font-size: 28px; }
}

p, ul {font-weight: 400; }
@media screen and (min-width: 768px) {
	p, ul {font-size: 18px; line-height: 30px;}
}

.btn {font-size: 4vw;}
@media screen and (min-width: 992px) {
    .btn {font-size: 1.25vw;}
}
@media screen and (min-width: 1200px) {
    .btn {
        font-size: 16px;
    }
}

.icons {font-size: 8vw;}
@media screen and (min-width: 768px) {
	.icons {font-size: 1.65em;}
}
@media screen and (min-width: 992px) {
	.icons {font-size: 2.45em;}
}

.quote {font-size: 4.25vw; font-weight: 600; margin: 15px 0 30px;}
@media screen and (min-width: 768px) {
	.quote {font-size: 26px; line-height: 22px;}
}
@media screen and (min-width: 992px) {
	.quote {font-size: 30px;}
}

.nospam {display: none;}

/* Body Styling */
body {font-family: 'Montserrat', san-serif; font-size: 3vw; line-height: 5vw; color: rgb(0,0,0);}
@media screen and (min-width: 768px) {
    body {font-size: 16px; line-height: normal;}
}

/* Container Styling */
@media screen and (min-width: 768px) {
	.container {width:750px;}	
}
@media screen and (min-width: 992px) {
	.container {width: 970px;}
}
@media screen and (min-width: 1200px) {
	.container {padding: 0 50px; width: 1200px;}
}

/* Navigation Styling */
header #navToggle {
	display: none;
}

#siteNav {
	background-color: rgb(158,27,52);
}

#siteNav #mainMenu>ul>li>a {
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	header #navToggle {
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10;
		background-color: rgb(158,27,52);
		height: 85px;
		text-align: center;
		font-size: 26px;
		width:80px;
		padding: 0;
	}

	#mainMenu {
		overflow: hidden;
	}
	#siteNav {
		position: fixed;
		left: 100%;
		right: -100%;
		width: 100%;
		top: 0;
		z-index: 9;
		padding: 0;
		transition: all 0.4s;
		height: 100%;
	}
	#siteNav.active {
		left: 0;
		right: 0;
	}
	#siteNav > .container {
		height: 100%;
		width: 100%;
		margin: 0 !important;
		overflow: auto;
		position: relative;
		padding: 85px 30px 40px;
	}
	
	#siteNav a {
		padding: 10px 0;
	}
	#siteNav a:hover,
	#siteNav a:focus {
		background-color: transparent;
		color: #12abdc;
	}
	#siteNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#siteNav #menu-main-menu {
		display: block;
	}
	#siteNav #menu-main-menu>li {
		display: block;
		padding: 0 !important;
		margin-bottom: 1.2em;
		margin-left: 2%;
		margin-right: 2%;
	}
	#siteNav #menu-main-menu>li:nth-child(even) {
	}
	#siteNav #menu-main-menu>li>a {
		padding: 0;
		display: block;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		padding-bottom: 3px;
		border-bottom: 1px solid rgb(234,167,0);
		text-decoration: none;
	}
	#siteNav #menu-main-menu > li .sub-menu > li > a {
		padding: 0;
		margin-top: 0.5em;
		font-size: 16px;
		color: #fff;
		line-height: 1.75;
		text-decoration: none;
	}
}

@media only screen and (min-width: 768px) {
	#siteNav {
		padding: 14px 0;
	}
	#mainMenu>ul>li {
		border-left: 1px solid #fff;
		padding-left: 25px;
		padding-right: 25px;
		line-height: 1;
	}
	#mainMenu>ul>li:first-child {
		padding-left: 0;
		border-left: 0;
	}
	#mainMenu>ul>li>a {
		font-size: 17px;
		font-weight: 700;
		transition: color 0.4s;
		line-height: 1;
	}
	#mainMenu>ul>li.current-menu-item>a,
	#mainMenu>ul>li.current-menu-parent >a,
	#mainMenu>ul>li>a:hover {
		color: #fdbc1d;
	}
	#mainMenu > ul > li > .sub-menu {
		padding: 14px 30px;
		left: 0;
	}
	#mainMenu > ul > li > .sub-menu > li {
		margin-top: 0.1em;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		padding-top: 0.1em;
		min-width: 180px;
	}
	#mainMenu>ul>li>.sub-menu>li:first-child {
		margin-top: 0;
		border-top: 0;
		padding-top: 0;
	}
	#mainMenu > ul > li > .sub-menu > li > a {
		font-size: 16px;
		color: #fff;
		white-space: nowrap;
		font-weight: 400;
		transition: color 0.4s;
		padding: 0.5em 0;
	}
	#mainMenu>ul>li>.sub-menu>li>a:hover,
	#mainMenu>ul>li>.sub-menu>li.current-menu-item>a {
		color: rgb(234,167,0);
	}
	.nav {
		border: 0;
		margin: 0;
		padding: 0;
		/* end .menu ul li */
	}
	.nav>li {
		display: block;
	}
	.nav li,
	.nav a {
		color: rgb(255,255,255);
		display: block;
		text-decoration: none;
	}
	.nav ul {
		margin-top: 0;
	}
	.nav li {
		position: relative;
		/* showing sub-menus */
	}
	.nav li ul.sub-menu,
	.nav li ul.children {
		position: absolute;
		visibility: hidden;
		z-index: 8999;
		margin: 0;
		padding: 0;
		background-color: rgb(158,27,52);
	}
	.nav li:hover>ul {
		top: auto;
		visibility: visible;
	}
	/* end .nav */
}

/* Navbar Style */
/*.navbar {border: 0; border-radius: 0; color: rgb(255,255,255); margin: 0;}
@media screen and (min-width: 768px) {
	.navbar {min-height: auto; padding: 10px 0;}
    .navbar .navbar-nav {float:none; vertical-align:top; }
}
@media screen and (min-width: 1200px) {
}*/

/* Navbar Affix Styling */
/*.navbar.affix {
    top: 0;
    width: 100%;
    z-index: 100;
}
@media screen and (max-width: 767px) {
.navbar.affix-top {position: fixed; top: 0; width: 100%; z-index: 1;}
}*/

/* Navbar Header Style */
/*@media screen and (min-width: 768px) {
	.navbar .navbar-header {margin: 7px 0;}
}
@media screen and (min-width: 992px) {
	.navbar .navbar-header {margin: 4px 0;}
}*/

/* Navbar Toggle Style */
/*.navbar .navbar-toggle {background-color: rgb(77,13,25); border:0;}
.navbar .navbar-toggle:hover {background-color: rgb(234,167,0);}
.navbar .navbar-toggle .icon-bar {background-color: rgb(255,255,255);}
.navbar .navbar-toggle:hover .icon-bar {background-color: rgb(0,0,0);}*/

/* Navbar Collapse Style */
/*.navbar .navbar-collapse {box-shadow: none;}*/
/*@media screen and (min-width: 768px) {
    .navbar .navbar-collapse {text-align: center;}
}*/

/* Navbar Sitenav Style */
/*#siteNav  .navbar-nav {margin: 0 -15px;}
#siteNav  .navbar-nav > li {border-bottom: 1px solid rgb(255,255,255); float: none;}
#siteNav  .navbar-nav > ul:first-child {border-top: 1px dashed rgb(255,255,255);}
#siteNav  .navbar-nav > li > a {color: rgb(255,255,255); font-weight: 700; text-align: center; text-transform: uppercase; border-radius: 0;}
#siteNav  .navbar-nav > li.open > a {background-color: rgb(77,13,25) !important; color: rgb(255,255,255) !important;}
#siteNav  .navbar-nav > li > a:hover {background-color: rgb(158,27,52); color: rgb(234,167,0);}
#siteNav  .navbar-nav > li > a:visited {background-color: rgb(158,27,52); color: rgb(255,255,255);}
#siteNav  .navbar-nav > li > a:visited:hover {background-color: rgb(158,27,52); color: rgb(234,167,0);}
#siteNav  .navbar-nav > li.active > a {background-color: rgb(77,13,25);}
#siteNav  .navbar-nav > li.active > a:hover {color: rgb(255,255,255);}

#siteNav .dropdown-menu {background-color: rgb(77,13,25); color: rgb(255,255,255); border-radius: 0; font-size: 18px; padding: 0; border: 0;}
#siteNav .dropdown-menu a {color: rgb(255,255,255); font-weight: 700; text-transform: uppercase; padding: 5px 10px;}
#siteNav .dropdown-menu a:hover {background-color: rgb(77,13,25); color: rgb(234,167,0);}

@media screen and (min-width: 768px) {
	#siteNav  .navbar-nav {margin: 4px 0;}
	#siteNav  .navbar-nav > li {border-bottom: 0; float: left; padding: 0;}
    #siteNav  .navbar-nav > li + li {margin: 0;}
    #siteNav  .navbar-nav > li:first-child a {border-left: 0; padding-left: 0;}
	#siteNav  .navbar-nav > li > a {border-left: 1px solid rgb(255,255,255); font-size: 12px; line-height: 11px; padding: 5px 10px;}
}
@media screen and (min-width: 992px) {
	#siteNav  .navbar-nav {margin: 0;}
	#siteNav  .navbar-nav > li > a {font-size: 18px; line-height: 14px; padding: 5px 15px;}
}
@media screen and (min-width: 1200px) {
	#siteNav  .navbar-nav {margin-right: 45px;}		
}*/

/* Jumbotron Style */

.jumbotron {margin: 50px 0 0;}
.jumbotron .row {position: relative;}
@media screen and (min-width: 768px) {
    .jumbotron {
        background: rgb(51,51,51);
        margin: 0;
    }
    .jumbotron .container {
        background: no-repeat center;
        background-image: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 50%, rgba(51,51,51,1) 100%), url("images/bg-jumbo-map.png");
        padding: 30px 50px;
    }
	.jumbotron img {height: auto; width: 290px; display: block; }
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}

/* Home Style */
#home {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#home #nihChart {display: block; margin: auto; width: 100%;}
@media screen and (min-width: 768px) {
    #home #nihChart {height: 315px;}
    #home p {font-size: 20px; line-height: 30px;}
    #home #epidemic {line-height: 36px;}
}

#slider #indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

#slider .carousel-indicators {
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto;
	display: inline-block;
}
#slider .carousel-indicators button {
    background-color: rgba(234,167,0,.5);
    border-color: transparent;
    width: 15px;
    height: 15px;
}

#slider .carousel-indicators button.active {
    background-color: rgb(234,167,0);
}

#slider .homeSlide {
	background-repeat: no-repeat;
	background-size: cover;
    height: 600px;
}

#slider #slide_01 {
    background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-01.jpg");
}

#slider #slide_02 {
	background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-02.jpg");
}

#slider #slide_03 {
	background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-03.jpg");
}

#slider #slide_04 {
	background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-04.jpg");
}

#slider #slide_05 {
	background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-05.jpg");
}

#slider #slide_06 {
	background-image: linear-gradient(90deg, rgba(51,51,51,1) 20%, rgba(51,51,51,0) 50%), url("images/slide-06.jpg");
}

#slider .homeSlide .homeSlideHeader {
    display: inline-block;
}

#slider .homeSlide .homeSlideHeader h2 {
    display: inline-block;
}

#slider .homeSlide .homeSlideText {
	max-width: 650px;
}

#slider .homeSlide .homeSlideText h3 {
    font-size: 72px;
    line-height: 80px;
    text-transform: none;
}

#slider .spotlightSlide .homeSlideText h3 {
	font-size: 42px;
	line-height: 50px;
	text-transform: none;
}

#slider .homeSlide .homeSlideBtn .btn {
    font-weight: 700;
    font-size: 30px;
}

/* COVID Style */

#covid p, #covid ul {
    font-size: 14px;
    line-height: 24px;
}

/* Agencies Style */

@media screen and (min-width: 992px) {
    #agencyAccessBtn h3 {font-size: 32px !important;}
    #agencyAccessBtn .btn {font-size: 32px;}
}

/* Map Styling */

#mapLegend .shape {
    float: left;
    padding: 5px 10px 0px 5px;
}

#mapLegend .shapeText {
    /*float: left;*/
    padding: 5px 10px 0px 0px;
}

#mapLegend .shape polygon, #mapLegend .shape circle {
    stroke: #000;
    stroke-width: 1px;
}

#mapLegend #nonfatalND {
    fill: rgba(0, 84, 166, 0.5);
}

#mapLegend #nonfatalSD {
    fill: rgba(0, 114, 54, 0.5);
}

#mapLegend #nonfatalMD {
    fill: rgba(13, 0, 76, 0.5);
}

#mapLegend #nonfatalUK {
    fill: rgba(116, 132, 179, 0.5);
}

#mapLegend #fatalND {
    fill: rgba(237, 28, 36, 0.5);
}

#mapLegend #fatalSD {
    fill: rgba(247, 148, 29, 0.5);
}

#mapLegend #fatalMD {
    fill: rgba(96, 57, 19, 0.5);
}

#mapLegend #fatalUK {
    fill: rgba(179, 116, 116, 0.5);
}

/* Use Case Style */

.carousel-indicators li {
    border-color: rgb(234,167,0);
}
.carousel-indicators li.active {
    background-color: rgb(234,167,0);
}
#usecase .carousel-control {
    color: rgb(234,167,0);
}
#usecase .carousel-control.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#usecase .carousel-control.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#usecase .useCaseslide .useCaseCredit {
    font-style: italic;
    text-align: right;
}
#usecase .useCaseCredit ul {
    list-style: none;
    padding: 0;
}
@media screen and (min-width: 768px) {
    #usecase .useCasetxt p, #usecase .useCasetxt ol, #usecase .useCasetxt ul {
        font-size: 16px;
        line-height: 24px;
    }
    #usecase .useCaseCredit p, #usecase .useCaseCredit ul {
        font-size: 14px;
        line-height: 18px;
    }
    #usecase .useCaseslide {
        height: 375px;
    }
    #usecase .useCaseslide .useCaseCredit {
        padding-right: 5px;
    }
    #usecase .carousel-control {
        width: 5%;
    }
    #usecase .carousel-indicators {
        bottom: 0px;
    }
}


/* Spike Style */

/* Training Style */
#train .well {border: 0;}
#train .title {text-align: center; font-size: 4vw; line-height: 6vw; font-weight: 700;}
@media screen and (min-width: 992px) {
    #train h3 {font-size: 34px !important; line-height:30px;}
    #train .title {text-align: left; font-size: 18px; line-height: 22px;}
}

#train .btn {
    /*margin-top: 5px;*/
}

#train .ctct_title {display: block; font-size: 18px; font-weight:bold;}
#train .ctct_extra_data {padding: 0 !important; font-size: 14px;}
@media screen and (min-width: 992px) {
    #train .ctct_extra_data {height: 275px;}
}
#train .ctct_datetime {display: block; font-style: italic;}
#train .ctct_desc {display: block;}
#train .ctct_location {display: block;}

/* News Style */
.news {font-family: 'Anton', sans-serif; position: relative; text-transform: uppercase; margin: 0 0 30px; overflow: hidden;}
.news .news-image img {width: 100%;}
.news .news-link {font-size: 4vw; line-height: 5vw; position: absolute; bottom: 0;}
.news .news-link a {display: block; padding: 5px;}
.news.main-story .news-link {font-size: 6vw; line-height: 7vw;}
.article-list .news {}
.article-list .news .news-link {position: relative; bottom: unset; font-size: 24px; line-height: 28px; display: block;}
.article-list .news .news-link:hover {background-color: rgb(158,27,52) !important; color: rgb(255,255,255) !important;}
@media screen and (min-width: 768px) {
    .news {height: 200px;}
    .news .news-link {font-size: 16px; line-height: 18px;}
    .news .news-link a {height: 70px;}
    .news.main-story .news-link {font-size: 24px; line-height: 28px;}
    .article-list .news {}
    .article-list .news .news-link {position: relative; bottom: unset; font-size: 24px; line-height: 28px;}
}
@media screen and (min-width: 992px) {
    .news {margin: 0; height: 275px;}
    .news .news-link {font-size: 20px; line-height: 24px;}
    .news .news-link a {height: auto;}
    .news.main-story .news-link {font-size: 30px; line-height: 36px;}
    .article-list .news {height: unset;}
    .article-list .news .news-image {padding: 15px; height: 105px;}
    .article-list .news .news-link {position: relative; bottom: unset; font-size: 22px; line-height: 26px; padding: 10px 15px; height: 105px}
}


/* Example Style */
.example {
}
.example .example-item {
	position: relative;
	display: block;
	/*max-width: 25rem;*/
	margin-bottom: 15px;
}
.example .example-item .example-item-caption {
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	opacity: 0;
	background-color: rgba(51,51,51,.9);
}
#spike.example .example-item .example-item-caption {
    background-color: rgba(158,27,52,.9);
}
.example .example-item .example-item-caption:hover {
	opacity: 1
}
.example .example-item .example-item-caption .example-item-caption-content {
	font-size: 1.5rem
}
.example-modal .container {
	width: 100%;
}
.example-modal img {margin-bottom: 20px;}

.example-modal .flexslider ul {
	line-height: initial;
}

@media (min-width:576px) {
.example {
}
.example .example-item {
	margin-bottom: 30px
}
}
.example-modal .example-modal-dialog {
	padding: 3rem 1rem;
	min-height: calc(100vh - 2rem);
	margin: 1rem calc(1rem - 8px);
	position: relative;
	z-index: 2;
	-moz-box-shadow: 0 0 3rem 1rem rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3rem 1rem rgba(0,0,0,.5);
	box-shadow: 0 0 3rem 1rem rgba(0,0,0,.5)
}
.example-modal .example-modal-dialog .close-button {
	position: absolute;
	top: 14px;
	right: 20px;
}
.example-modal .example-modal-dialog .close-button i {
	line-height: 38px
}
.example-modal .example-modal-dialog h2 {
	font-size: 2rem
}

@media (min-width:768px) {
	.example-modal .container {
		max-width: 720px;
	}
	
.example-modal .example-modal-dialog {
	min-height: 100vh;
	padding: 5rem;
	margin: 3rem calc(3rem - 8px)
}
.example-modal .example-modal-dialog h2 {
	font-size: 3rem
}
}

@media screen and (min-width: 992px) {
	.example-modal .container {
		max-width: 960px;
	}
}

@media screen and (min-width: 1200px) {
	.example-modal .container {
		max-width: 1140px;
	}
}

/* Request Form Style */
#requestAccessForm h3 {margin: 20px 0;}

#agencyChkBox {font-weight: normal;}
#agencyChkBox input {float: left; margin-bottom: 20px; margin-right: 10px;}

/* Footer Style */
#footer {color: rgba(255,255,255,.5); font-size: 12px; font-weight: 200;}
#footer #year {color: rgba(255,135,0,.5);}

/* Social Icons Style */
.socialicons {
    font-size: 30px;
    text-align: right;
}

.socialicons .socialicon {
    margin-left: 5px;
}
	