@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@font-face {
    font-family: 'trebuc_1';
    src: url('fonts/trebuc_1.eot');
    src: url('fonts/trebuc_1.eot') format('embedded-opentype'),
         url('fonts/trebuc_1.woff2') format('woff2'),
         url('fonts/trebuc_1.woff') format('woff'),
         url('fonts/trebuc_1.ttf') format('truetype'),
         url('fonts/trebuc_1.svg#trebuc_1') format('svg');
}


body{font-family: Verdana, Arial, Helvetica, sans-serif; background: black;}

/************************* Landing page Start ************************/
.desc-details p {
    font-size: 15px;
}
.p-3 .media-body p {
    font-size: 11px;
}
.landing-page{background:url(../main-background.jpg);background-position: right;background-size: cover;height: 100%;padding:20px}
.container{width:818px; max-width:100%;}
.the-consequence{font-size:22px;font-weight:600}
.unleash{background-color: #e9a32c;display: inline-block;padding: 4px;font-size:40px;font-weight:600;}
.desc-details{padding:20px;margin-top:30px;background:rgba(60, 60, 58, 0.88);color:#FFFFFF}
.desc-details h3{font-weight:450}
.transformative{margin-top:120px;text-align:right}
.transformative h3{background-color: #000000;font-size:30px;padding:10px;font-weight:600;display: inline-block;color:#e9a32c;}
.transformative p{color:#FFFFFF;font-size:20px;margin-bottom: 0;font-weight:500; background: #4d4d4d; display: inline-block;}
.transformative p.last{display:inline-block;padding:4px;font-size:16px;background:#4d4d4d;font-weight:600;}
.media-desc {font-weight:600;border-top: 20px solid #e9a32c;border-bottom: 20px solid #e9a32c;margin-top: 20px;}
.footer-text{display: inline-block;color:#FFFFFF;padding: 4px;font-size: 11px;margin-top:20px;background: #4d4d4d;font-weight: 600;}
/************************* Landing page End ************************/
.smallertxt {
    font-size: 10px;
    margin-right: 33px;
}
@media only screen and (min-width:992px) and (max-width:1200px){
	.container {max-width:100%;}
}
@media only screen and (min-width:992px) {
.main_content{min-height:700px;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.container {max-width:100%;}
}
@media only screen and (max-width:767px) {
	.container {width:100%;}
	
	/************************* Landing page Start ************************/
	.unleash {font-size: 25px;}
	.transformative{margin-top:60px;
	/************************* Landing page End ************************/
}