@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville.eot');
    src: url('../fonts/Baskerville.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Baskerville.woff2') format('woff2'),
        url('../fonts/Baskerville.woff') format('woff'),
        url('../fonts/Baskerville.ttf') format('truetype'),
        url('../fonts/Baskerville.svg#Baskerville') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:FranklinGothicBook;
    src:url('../fonts/FranklinGothicBook.eot');
    src:url('../fonts/FranklinGothicBook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothicBook.woff') format('woff'),
		url('../fonts/FranklinGothicBook.ttf') format('truetype'),
		url('../fonts/FranklinGothicBook.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family:FranklinGothicHeavy;
    src:url('../fonts/FranklinGothicHeavy.eot');
    src:url('../fonts/FranklinGothicHeavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothicHeavy.woff') format('woff'),
		url('../fonts/FranklinGothicHeavy.ttf') format('truetype'),
		url('../fonts/FranklinGothicHeavy.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family:FranklinGothicDemi;
    src:url('../fonts/FranklinGothicDemi.eot');
    src:url('../fonts/FranklinGothicDemi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothicDemi.woff') format('woff'),
		url('../fonts/FranklinGothicDemi.ttf') format('truetype'),
		url('../fonts/FranklinGothicDemi.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

body {
    font-family:Helvetica;
    text-align:justify; 
    font-size: 16px;
}

body h1
{
	font-family: Baskerville;
	font-size: 36px;	
	font-weight: 600;	
	line-height: 36px;
}
body h2
{
	font-family: Baskerville;	
	font-size: 24px;	
	font-weight: 600;	
	line-height: 24px;
}
@media(min-width:320px){
	.carousel-indicators{bottom:0;}
	/*.carousel-indicators{bottom:0; display: none}*/
	#ourMission {vertical-align: middle; text-align: center; height: 240px; padding: 25px 20px 25px 20px;}
	#ourMission p{margin-top:20px; }
	#ourStrength {padding: 25px 20px 25px 20px;}
	#highlightedFeatures {padding: 25px 20px 25px 20px;}
	#promotionalVideo {padding: 25px 20px 25px 20px;}
	#ourStrength div.gotoBtn {padding:0px 10px 0px 10px;}
	
	}
@media(min-width:480px){
	}
@media(max-width:480px){
	.carousel-indicators{bottom:0;}
}

@media(min-width:600px){
	body h1{font-size:180%;}
	#ourMission {vertical-align: middle; text-align: center; height: 240px; padding: 30px 70px 30px 70px;}
	#ourStrength {padding: 30px 70px 30px 70px;}
	#highlightedFeatures {padding: 30px 70px 30px 70px;}
	#promotionalVideo {padding: 30px 70px 30px 70px;}
	#ourStrength div.gotoBtn {padding:0px 70px 0px 70px;}
}
@media(max-width:767px){
	h1{margin-top:10px;}
}
/*Normal*/
@media (min-width:768px) {
	body h1{font-size:150%;}
	.nav>li>a{padding:10px;}
	span{font-size:80%;}
	.navbar{
		padding:0px 70px 0px 70px;
	}
	.navbar-nav {
		margin: 7.5px -15px!important;
	}

	#ourMission {padding: 30px 90px 30px 90px;}
	#ourStrength {padding: 30px 90px 30px 90px;}
	#highlightedFeatures {padding: 30px 90px 30px 90px;}
	#promotionalVideo {padding: 30px 90px 30px 90px;}
	
}
@media(min-width:992px){
	body h1{font-size:166%;}
	.nav>li>a{padding:10px 15px;}
	span{font-size:90%;}
	}
@media(min-width:1200px){
	body h1{font-size:200%;}
	.navbar{font-size:100%;}
	#ourMission {padding: 30px 120px 30px 120px;}
	#ourStrength {padding: 30px 120px 30px 120px;}
	#highlightedFeatures {padding: 30px 120px 30px 120px;}
	#promotionalVideo {padding: 30px 120px 30px 120px;}
	}
span{font-size:90%;}
#about-us div.content ul li{font-size:80%;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:#fff;}
.navbar-default .navbar-nav > li > a{color:#333;padding:12px;}
.navbar{margin-bottom:0;font-family:FranklinGothicBook;}
.navbar-brand{height:inherit;padding:10px 15px;}
.navbar-brand img{width:96px;}
#head-line{height:8px;background-color:#AD0E1A;}
#site-navigation{right:0;}


#ourStrength {text-align: center; background-color: #D8D8D8}
#ourStrength div.row {color: #6A6A6A}
#ourStrength div.gotoBtn {text-align: right; margin-bottom: 10px;}
#ourStrength div.gotoBtn>h1 {text-align: center;}


#highlightedFeatures>div{margin: 0px 0px;}
#highlightedFeatures video{max-width: 346px; display: block; margin: 0px auto;}
#highlightedFeatures h1{text-align: center;  }
#highlightedFeatures img{max-width: 346px; display: block; margin: 0px auto;}

#promotionalVideo {background-color: #D8D8D8;padding-bottom:20px;}
#promotional-video-1 > h1 {text-align: center; color: #AD0E1A}
#promotional-video-1 > h2 {margin-top: 50px;text-align: center; color: #6A6A6A}
#promotional-video-1 iframe {display: block; margin: 0 auto;}

#contact-us{position:relative;overflow:hidden;padding-top:0px;}
#contact-us div#title{position:absolute;left:20px;}
#contact-us div#title h1{color:#fff;}
#contact-us div a{color:#fff;}
#contact-us div#title a span{margin-right:10px;}
#contact-us img {
	width: 100% 
}

#footer{
    width: 100%;
    max-height: 70px;
    font-size: 14px!important;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-image: url('../../crypto/images/contact-us.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
#footer div a {
    color: #fff;
}
#footer .contact{
	text-align: left;
}
#footer .trademark{
	text-align: right;
}

.link-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.download-link {
    display: flex;
    align-items: center;
    flex-grow: 0;
}
.download-link:hover {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.label-danger {
    background-color: #ae0d1a;
}

@media (max-width: 768px) {
	.text-center-xs {
		text-align: center;
	}
	.text-center-xs > img {
		padding-bottom: 50px;
		width:220px;
	}
}

@media (min-width: 1200px) {
	.text-center-xs > img {
		padding: 10px 0px 0px 10px;
		width:220px;
	}
}