.button {
    background-color: #425563 !important;
    font-size: 13px;
    font-weight: bold !important;
    height: 57px !important;
    padding: 0 !important; 
    width: 162px !important; 
}
.button-lg {
    padding: 0 !important; 
}
#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 27px !important;
  line-height: 1.1 !important;
}

#brief1 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	line-height: 1.1 !important;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	line-height: 1.1 !important;
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	line-height: 1.1 !important;
	
}

#brief2 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
#brief3 div h1 {
    color: #f80000 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	line-height: 1.1 !important;
}

#brief3 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	line-height: 1.1 !important;
}

#brief3 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
.intro .intro-body h1 {
    font-size: 50px;
    font-weight: bold !important;
	 line-height: 55px;
}
.intro .intro-body h1 span
 {
     font-size: 50px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 18px  !important;
}
.color-light {
    color: #000 !important;
}
.intro {
    height: auto !important;
   
}
/* SMARTPHONES */
@media only screen and (min-width: 320px) and (max-width: 479px)

{
.intro .intro-body h2 {
    font-size: 20px;
	line-height:25px;
}

.intro .intro-body p {
    font-size: 18px;
	 color: #000000!important;
}
.intro .intro-body h1 {
    font-size: 25px;
    font-weight: bold !important;
	 line-height: 30px;
	 color: #000000!important;
}
.intro .intro-body h1 span
 {
     font-size: 25px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 12px  !important;
	 padding: 0 25px;
	 
}
.intro
{
padding:8px;
}
 .color-gray {
    font-size: 20px;
}
#brief1 .pt100
{
  background-position: 800px 0 !important;
    background-size: auto 100% !important;
    height: auto !important;
	height:auto!important;
 }

#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 20px !important;
    font-weight: bold !important;
	  line-height: 25px;
}
#brief1 div h2
{
  color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}


#brief2 .pt100
{
  background-position: 400px 0 !important;
    background-size: auto 100% !important;
    height: auto !important;
}
#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 20px !important;
    font-weight: bold !important;
	 line-height: 25px;
	
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
	
}

#brief2 div p
{
  color: #000 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
/*#brief3 .pt100
{
 background-position: 370px 0 !important;
    background-size: auto 100% !important;
    height: auto !important;-->
}*/
#brief3 div h1 {
    color: #f80000 !important;
 font-size: 20px !important;
    font-weight: bold !important;
	 line-height: 25px;
}

#brief3 div h2
{
   color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
	
}

#brief3 div p
{
  color: #000 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
}
/* SMARTPHONES Ends*/

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px)

{ 
.intro .intro-body h2 {
    font-size: 20px;
	line-height:25px;
}

.intro .intro-body p {
    font-size: 18px;
	 color: #000000!important;
	 padding: 0 25px;
}
.intro .intro-body h1 {
    font-size: 25px;
    font-weight: bold !important;
	 line-height: 30px;
	 color: #000000!important;
}
.intro .intro-body h1 span
 {
     font-size: 25px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 12px  !important;
	 
}
.rmm.style {
    float: right;
    width: 60%;
}
#brief1 .pt100
{
  background-position: 1000px 0 !important;
    background-size: auto 100% !important;
    height: auto !important;
	height:auto!important;
	padding-bottom: 30px;
    padding-top: 30px;
 }

#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 20px !important;
    font-weight: bold !important;
	  line-height: 25px;
}
#brief1 div h2
{
  color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief2 .pt100
{
  background-position: 700px 0 !important;
    background-size: auto 100% !important;
    height: auto !important;
	padding-bottom: 30px;
    padding-top: 30px;
}
#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 20px !important;
    font-weight: bold !important;
	 line-height: 25px;
	
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
	
}

#brief2 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
*#brief3 .pt100
{
padding-bottom: 30px;
    padding-top: 30px;
}
#brief3 div h1 {
    color: #f80000 !important;
 font-size: 20px !important;
    font-weight: bold !important;
	 line-height: 25px;
}

#brief3 div h2
{
   color: #000 !important;
    font-size: 25px !important;
    font-weight: normal !important;
	padding-top: 18px;
	 line-height: 25px;
	
}

#brief3 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

}
/* SMARTPHONES LANDSCAPE Ends*/

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 991px)
{ 
.intro
{
    background-position: 0 0 !important;
    background-size: auto 100% !important;
    height: auto !important;
    padding-top: 50px;
}
.intro .intro-body h2 {
    font-size: 27px;
}

.intro .intro-body p {
    font-size: 18px;
}
.intro .intro-body h1 {
    font-size: 50px;
    font-weight: bold !important;
	 line-height: 55px;
}
.intro .intro-body h1 span
 {
     font-size: 50px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 18px  !important;
}

#brief1 header
{
  background-position: 0 0 !important;
    background-size: auto 100% !important;
     height: 470px !important;
	 margin-bottom: -25px;
	
 }
#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 27px !important;
    font-weight: bold !important;

}
.pt100 {
    padding-top: 25px;
}
#brief1 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief2 header
{
  background-position: 980px 0 !important;
    background-size: auto 100% !important;
     height: 470px !important;
	 margin-bottom: -25px;
}

#brief3 header
{

}

#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief2 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief3 header
{
 
      height: 540px !important;
    padding-bottom: 40px;
    text-align: left;
}
#brief3 div h1 {
    color: #f80000 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	
}

#brief3 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief3 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
 }
/* TABLETS PORTRAIT Ends */
@media (min-width: 768px) and (max-width: 979px)

{
#brief3 {
    max-height: 700px;
}
#brief2 {
    max-height: 700px;
}
#brief1 {
  max-height: 700px;
}
#brief1 .container {
    height: 500px !important;
	
}
.intro .intro-body {
    height: 500px !important;
}
#brief2 .container {
    height: 500px !important;
	
}
}
/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 972px) and (max-width: 1999px)

{ 
.bg-light {
    background-color: #ffffff !important;
    max-height: 730px !important;
}
.container {
    margin-bottom: 0 !important;
    overflow: hidden;
    padding-top: 60px;
	 padding-bottom: 52px;
}
#brief3 .container {
    padding-bottom: 42px;
}
.container {
 
  
    padding-top: 60px;
}
.pt100 {
    padding-top: 0px;
}
.color-light {
    color: #000 !important;
}
.intro .intro-body h2 {
    font-size: 27px;
}

.intro .intro-body p {
    font-size: 18px;
}
.intro .intro-body h1 {
    font-size: 50px;
    font-weight: bold !important;
	 line-height: 55px;
}
.intro .intro-body h1 span
 {
     font-size: 50px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 18px  !important;
}

#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief1 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief2 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
#brief3 div h1 {
    color: #f80000 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief3 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief3 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
#brief3 .pt100 {
    height: 730px;
}
#brief1 .pt100
{
  background-position: center center !important;
  
    
}
#brief3 .pt100
{
  background-position: -210px 0px  !important;
    
    
}


#brief3 {
    max-height: 677px;
}
#brief2 {
    max-height: 614px;
}
#brief1 {
  max-height: 678px;
}
/*.container {
    min-height: 730px;
	padding-top:100px;
}*/
.intro .intro-body {
    max-height: 760px;
}
 }
/* Bigger Screens */
@media (min-width: 1999px)

{ 
.bg-light {
    background-color: #ffffff !important;
    max-height: 730px !important;
}
.container {
    margin-bottom: 0 !important;
    overflow: hidden;
    padding-top: 60px;
	 padding-bottom: 52px;
}
#brief3 .container {
    padding-bottom: 42px;
}
.container {
 
  
    padding-top: 60px;
}
.pt100 {
    padding-top: 0px;
}
.color-light {
    color: #000 !important;
}
.intro .intro-body h2 {
    font-size: 27px;
}

.intro .intro-body p {
    font-size: 18px;
}
.intro .intro-body h1 {
    font-size: 50px;
    font-weight: bold !important;
	 line-height: 55px;
}
.intro .intro-body h1 span
 {
     font-size: 50px;
    font-weight: bold;
}
.intro .intro-body p
 {
     font-size: 18px  !important;
}

#brief1 div h1 {
    color: #8e2c48 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief1 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief1 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

#brief2 div h1 {
    color: #ed8b00 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief2 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief2 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
#brief3 div h1 {
    color: #f80000 !important;
    font-size: 27px !important;
    font-weight: bold !important;
	 padding-top: 30px;
}

#brief3 div h2
{
  color: #000 !important;
    font-size: 36px !important;
    font-weight: normal !important;
	padding-top: 18px;
}

#brief3 div p
{
  color: #000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
#brief3 .pt100 {
    height: 730px;
}
#brief1 .pt100
{
  background-position: center center !important;
  
    
}
#brief3 .pt100
{
  background-position: -210px 0px  !important;
    
    
}


#brief3 {
    max-height: 677px;
}
#brief2 {
    max-height: 614px;
}
#brief1 {
  max-height: 678px;
}
/*.container {
    min-height: 730px;
	padding-top:100px;
}*/
.intro .intro-body {
    max-height: 760px;
}
 }
/* Bigger Screens */