/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Main CSS */
/* sapphire-pr-banner */
.sapphire-pr-banner{
  padding: 90px 0 90px;
  background-image: url(https://2435241.fs1.hubspotusercontent-na1.net/hubfs/2435241/Press-Release/PR-SAP-Sapphire-2026.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 80px;
}
.sapphire-pr-banner h1{color: #fff; text-align: left; margin: 0;}

/* sapphire-pr-overview */
.sapphire-pr-overview{}
.sapphire-pr-overview h2{margin: 0 0 40px 0; text-align: left;}
.sapphire-pr-overview h3{margin: 0 0 20px 0; text-align: left;}
.top{padding: 60px 0 30px 0;}
.bot{padding: 30px 0 60px 0;}
.sapphire-pr-slider h2{text-align:left}

.sapphire-pr-overview a{font-weight:500px; font-size 17px; color:#e86800}
.sapphire-pr-overview a:hover{color:#222}
/* Media Query */
@media only screen and (max-width: 767px) {
  .sapphire-pr-banner{padding: 60px 0 40px 0; background-position: left;}
  .sapphire-pr-banner h1{font-size: 30px; line-height: 42px;}
  .sapphire-pr-overview h2{font-size: 28px; line-height: 36px;}
  .sapphire-pr-overview h3{font-size: 20px; line-height: 26px;}
}

@media only screen and (min-width: 768px){
  .sapphire-pr-banner{padding: 90px 0 90px;}
  .sapphire-pr-banner h1{font-size: 32px; line-height: 44px;}
  .sapphire-pr-overview h2{font-size: 30px; line-height: 38px;}
  .sapphire-pr-overview h3{font-size: 22px; line-height: 28px;}
}

@media only screen and (min-width: 1024px){ 
  .sapphire-pr-banner{padding: 100px 0 100px 0;}
  .sapphire-pr-banner h1{font-size: 34px; line-height: 46px;}
  .sapphire-pr-overview h2{font-size: 32px; line-height: 38px;}
  .sapphire-pr-overview h3{font-size: 24px; line-height: 28px;}
}

@media only screen and (min-width: 1280px){
  .sapphire-pr-banner{padding: 120px 0 120px 0;}
  .sapphire-pr-banner h1{font-size: 36px; line-height: 48px;}
  .sapphire-pr-overview h2{font-size: 34px; line-height: 40px;}
  .sapphire-pr-overview h3{font-size: 26px; line-height: 30px;}
}

@media only screen and (min-width: 1440px){
  .sapphire-pr-banner{padding: 120px 0 120px 0;}
  .sapphire-pr-banner h1{font-size: 38px; line-height: 56px;}
  .sapphire-pr-overview h2{font-size: 36px; line-height: 42px;}
  .sapphire-pr-overview h3{font-size: 28px; line-height: 32px;}
}