/* =========================================================
   EN MAIN CSS (isolated) — scoped to #site-content
   Source: TR home-scope CSS -> adapted for EN master layout
   ========================================================= */

/* FIX: Sayfa scroll'u (hero içine girmesin) */
html, body{
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* --- GENEL AYARLAR --- */
#site-content *{margin:0; padding:0; box-sizing:border-box;}
#site-content{
  font-family:"Poppins", sans-serif;

  /* FIX: #site-content scroll container olmasın */
  height:auto !important;
  overflow-x:hidden;
  overflow-y:visible !important;

  background-color:#ffffff;
  padding-top:0px;
  color:#333;
  scroll-behavior:smooth;

  /* RENK PALETİ */
  --color-primary:#212b36;
  --color-accent:#3399FF;
  --color-footer:#171d24;
  --color-light-bg:#f8f9fa;
  --color-navy:#002e5b; /* Lacivert */
}

/* TOP BAR (LOCK header dışında kalır; burada scope içinde güvenli) */
#site-content .top-bar{
  background-color:var(--color-primary);
  padding:12px 0;
  font-size:13px;
  color:#e0e0e0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1001;
}
#site-content .top-bar .container{
  max-width:1480px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
#site-content .top-bar-left{display:flex; align-items:center; gap:30px;}
#site-content .top-bar-item{display:flex; align-items:center; gap:8px; color:#fff; font-weight:500;}
#site-content .top-bar-item i{color:var(--color-accent); font-size:14px;}

/* MENÜ (LOCK header dışında kalır; burada scope içinde güvenli) */
#site-content .main-nav{
  background-color:#ffffff;
  padding:0;
  position:sticky;
  top:44px;
  z-index:1000;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
}
#site-content .nav-container{
  max-width:1480px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  justify-content:flex-start;
  gap:120px;
  align-items:center;
  height:90px;
}
#site-content .logo{display:flex; align-items:center; gap:10px; padding:15px 0;}
#site-content .logo img{height:50px; width:auto;}

#site-content .nav-menu{display:flex; list-style:none; gap:20px; align-items:center;}
#site-content .nav-menu li{position:relative; list-style:none;}
#site-content .nav-menu li a{
  color:var(--color-primary);
  text-decoration:none;
  padding:15px 10px;
  display:block;
  transition:color 0.3s ease;
  position:relative;
  font-weight:600;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
#site-content .nav-menu li a:hover,
#site-content .nav-menu li a.active{
  color:var(--color-accent);
  background-color:transparent;
}

#site-content .dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  margin-top:0;
  background-color:#ffffff;
  min-width:300px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
  border-top:3px solid var(--color-accent);
  display:none;
  z-index:9999;
  padding:10px 0;
  border-radius:0 0 5px 5px;
}
#site-content .dropdown:hover .dropdown-menu{display:block; animation:fadeInUp 0.3s ease;}
#site-content .dropdown-menu li{list-style:none !important; list-style-type:none !important;}
#site-content .dropdown-menu li a{
  color:#555 !important;
  padding:12px 20px !important;
  text-transform:none;
  font-weight:500;
  border-bottom:1px solid #f9f9f9;
  font-size:14px;
}
#site-content .dropdown-menu li a:hover{
  background-color:#f8f9fa;
  color:var(--color-accent) !important;
  padding-left:25px !important;
}
#site-content .dropdown-menu li:last-child a{border-bottom:none;}
@keyframes fadeInUp{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }

#site-content .nav-right{display:flex; align-items:center; gap:20px;}
#site-content .search-input{
  padding:10px 15px;
  border:1px solid #e0e0e0;
  border-radius:30px;
  background:#fff;
  color:#333;
  outline:none;
  font-size:14px;
  width:250px;
  transition:all 0.3s;
}
#site-content .search-input:focus{border-color:var(--color-accent); box-shadow:0 0 5px rgba(51,153,255,0.2);}
#site-content .mobile-menu-btn{display:none; color:var(--color-primary); font-size:24px; cursor:pointer; padding:10px; margin-left:auto;}

/* HERO */
#site-content .hero{position:relative; height:600px; overflow:hidden !important;}
#site-content .hero-slide{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out;}
#site-content .hero-slide.active{opacity:1;}
#site-content .hero-slide::before{content:none;}
#site-content .hero-slide img{width:100%; height:100%; object-fit:cover; animation:kenburnsZoom 6s ease-in-out infinite; transform-origin:center center;}
@keyframes kenburnsZoom{0%{transform:scale(1);} 100%{transform:scale(1.25);}}

/* DİKEY ORTALAMA + ŞERİTSİZ OKUNURLUK (RESME DOKUNMADAN) */
#site-content .hero-content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin-top:64px;
  z-index:2;
  text-align:center;
  color:white;
  max-width:1480px;
  width:90%;
}
#site-content .hero-content h1,
#site-content .hero-content p{
  display:inline-block;
  background:transparent;
  border-radius:0;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
#site-content .hero-content h1{
  font-size:48px;
  font-weight:bold;
  margin-bottom:20px;
  line-height:1.2;
  animation:slideInLeft 1s ease-out;
  padding:4px 18px;

  /* ŞERİT YOK: okunurluk sadece yazı üzerinden */
  -webkit-text-stroke:1px rgba(0,0,0,0.35);
  text-shadow:
    0 2px 18px rgba(0,0,0,0.55),
    0 1px 4px rgba(0,0,0,0.85),
    0 0 1px rgba(0,0,0,0.90);
}
#site-content .hero-content p{
  font-size:18px;
  margin-bottom:30px;
  max-width:760px;
  line-height:1.6;
  margin-left:auto; margin-right:auto;
  animation:slideInLeft 1s ease-out 0.2s backwards;
  padding:3px 14px;

  /* ŞERİT YOK: okunurluk sadece yazı üzerinden */
  -webkit-text-stroke:0.6px rgba(0,0,0,0.25);
  text-shadow:
    0 2px 14px rgba(0,0,0,0.45),
    0 1px 3px rgba(0,0,0,0.80),
    0 0 1px rgba(0,0,0,0.85);
}
@keyframes slideInLeft{from{opacity:0; transform:translateX(-18px);} to{opacity:1; transform:translateX(0);} }

#site-content .slider-nav{position:absolute; bottom:30px; right:30px; z-index:3; display:flex; gap:15px;}
#site-content .slider-btn{
  width:50px; height:50px;
  border:2px solid white;
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(10px);
  color:white;
  cursor:pointer;
  transition:all 0.3s;
  display:flex; align-items:center; justify-content:center;
  font-size:20px;
  box-shadow:0 0 10px rgba(0,0,0,0.5);

  /* OKLAR BEYAZ ZEMİNDE KAYBOLMASIN (mikro kontrast; tasarım bozulmaz) */
  box-shadow:0 0 0 1px rgba(0,0,0,0.28), 0 0 10px rgba(0,0,0,0.5);
  text-shadow:0 1px 2px rgba(0,0,0,0.75);
}
#site-content .slider-btn:hover{background:var(--color-accent); border-color:var(--color-accent); transform:scale(1.1);}
#site-content .hero-decoration{position:absolute; bottom:-50px; right:-50px; z-index:2; width:300px; height:300px; pointer-events:none;}

/* HİZMETLER */
#site-content .services-section{padding:60px 0; background-color:#f9f9f9; overflow:hidden;}
#site-content .section-header{
  max-width:1280px;
  margin:0 auto 30px auto;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#site-content .section-header h2{font-size:32px; font-weight:700; color:var(--color-primary);}
#site-content .carousel-controls{display:flex; gap:10px;}
#site-content .carousel-controls button{
  background:var(--color-primary);
  border:1px solid var(--color-primary);
  color:white;
  width:45px; height:45px;
  border-radius:4px;
  cursor:pointer;
  transition:all 0.3s;
  font-size:16px;
  display:flex; align-items:center; justify-content:center;
}
#site-content .carousel-controls button:hover{background:var(--color-accent); color:white; border-color:var(--color-accent);}
#site-content .carousel-container{max-width:1280px; margin:0 auto; padding:0 15px; overflow:hidden;}
#site-content .carousel-track{display:flex; transition:transform 0.5s ease-in-out; gap:30px; padding-bottom:20px;}

/* KARTLAR */
#site-content .service-card{
  flex:0 0 calc(33.333% - 20px);
  height:500px;
  position:relative;
  overflow:hidden;
  border-radius:6px;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}
#site-content .card-background{
  width:100%;
  height:100%;
  position:absolute;
  top:0; left:0;
  background-size:cover;
  background-position:center center;
  transition:transform 0.6s ease-in-out;
}
#site-content .service-card:hover .card-background{transform:scale(1.1);}
#site-content .card-overlay{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%);
  transition:background 0.3s ease;
  z-index:1;
}
#site-content .service-card:hover .card-overlay{background:linear-gradient(to top, rgba(51,153,255,0.7) 0%, rgba(0,0,0,0.2) 100%);}
#site-content .card-content{
  position:absolute;
  bottom:0; left:0;
  padding:30px;
  z-index:2;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#site-content .card-title{
  font-size:16px;
  font-weight:700;
  color:white;
  text-shadow:1px 1px 5px rgba(0,0,0,0.5);
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:10px;
  transition:color 0.3s;
  min-height:54px;
  display:flex;
  align-items:center;
  line-height:1.35;
  overflow:hidden;
}
#site-content .arrow-btn{
  background:var(--color-accent);
  color:white;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:40px;
  border-radius:50%;
  transition:transform 0.3s;
}
#site-content .service-card:hover .arrow-btn{transform:translateX(10px);}

/* PARALLAX */
#site-content .parallax-section{
  background-image:url("img/anasayfa-slider/anasayfaparalax.webp");
  min-height:400px;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  text-align:center;
}
#site-content .parallax-overlay{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(33,43,54,0.5); z-index:1;}
#site-content .parallax-content{position:relative; z-index:2; width:100%; max-width:1200px; padding:0 20px;}
#site-content .stats-grid{display:flex; justify-content:space-around; flex-wrap:wrap; gap:40px;}
#site-content .stat-item h3{font-size:50px; font-weight:700; color:var(--color-accent); margin-bottom:10px;}
#site-content .stat-item p{font-size:18px; font-weight:500; color:#e0e0e0; text-transform:uppercase; letter-spacing:1px;}

/* PORTFOLYO */
#site-content .portfolio-section{padding:80px 0; background-color:#ffffff;}
#site-content .portfolio-header{text-align:center; margin-bottom:50px;}
#site-content .portfolio-header h2{font-size:36px; font-weight:700; color:var(--color-primary); margin-bottom:15px;}
#site-content .filter-menu{display:flex; justify-content:center; flex-wrap:wrap; gap:15px; margin-bottom:40px;}
#site-content .filter-btn{
  padding:10px 25px;
  border:2px solid #e0e0e0;
  background:white;
  color:#666;
  font-weight:600;
  font-size:14px;
  text-transform:uppercase;
  cursor:pointer;
  transition:all 0.3s;
}
#site-content .filter-btn:hover, #site-content .filter-btn.active{background:var(--color-accent); color:white; border-color:var(--color-accent);}
#site-content .portfolio-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; max-width:1480px; margin:0 auto; padding:0 20px;}
#site-content .portfolio-item{position:relative; height:300px; overflow:hidden; cursor:pointer;}
@supports (aspect-ratio: 1 / 1){
  #site-content .portfolio-item{aspect-ratio:1/1; height:auto;}
}
#site-content .portfolio-item img{width:100%; height:100%; object-fit:cover; transition:transform 0.5s;}
#site-content .portfolio-item:hover img{transform:scale(1.1);}
#site-content .portfolio-overlay{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:rgba(33,43,54,0.85);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  opacity:0;
  transition:opacity 0.3s;
}
#site-content .portfolio-item:hover .portfolio-overlay{opacity:1;}
#site-content .portfolio-overlay h4{color:white; font-size:18px; margin-bottom:10px; transform:translateY(20px); transition:transform 0.3s; text-align:center; padding:0 10px;}
#site-content .portfolio-item:hover .portfolio-overlay h4{transform:translateY(0);}
#site-content .portfolio-icon{
  width:40px; height:40px;
  background:var(--color-accent);
  color:white;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(20px);
  transition:transform 0.3s 0.1s;
}
#site-content .portfolio-item:hover .portfolio-icon{transform:translateY(0);}

/* LOGO BAND */
#site-content .logo-band-slider{padding:15px 0; background-color:#ffffff; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#site-content .logo-band-header{text-align:center; margin-bottom:30px;}
#site-content .logo-band-header h2{font-size:26px; font-weight:700; color:var(--color-primary); text-transform:uppercase; letter-spacing:1px;}
#site-content .logo-band-container{max-width:100%; margin:0 auto; white-space:nowrap;}
#site-content .logo-track{display:inline-block; animation:slide-logos 40s linear infinite;}
#site-content .logo-track:hover{animation-play-state:paused;}
#site-content .logo-track img{height:60px; width:auto; margin:0 40px; opacity:1; transition:all 0.3s; display:inline-block; vertical-align:middle; object-fit:contain;}
#site-content .logo-track img:hover{opacity:0.8;}
@keyframes slide-logos{0%{transform:translateX(0);} 100%{transform:translateX(-50%);}}

/* FEATURES */
#site-content .features-section{padding:80px 0; background-color:#f8f9fa;}
#site-content .features-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; max-width:1280px; margin:0 auto; padding:0 20px;}
#site-content .features-section .section-header h2{position:relative; display:inline-block; padding-bottom:15px; color:var(--color-navy);}
#site-content .features-section .section-header h2::after{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:3px; background-color:var(--color-accent);}
#site-content .feature-box{
  text-align:center;
  padding:40px 30px;
  background:#fff;
  border:1px solid #d1d1d1;
  border-top:4px solid var(--color-accent);
  border-radius:6px;
  transition:all 0.3s ease;
  cursor:default;
  box-shadow:0 5px 15px rgba(0,0,0,0.03);
}
#site-content .feature-box:hover{transform:translateY(-8px); box-shadow:0 15px 30px rgba(0,0,0,0.08); border-color:var(--color-accent);}
#site-content .feature-icon-wrapper{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:80px; height:80px;
  background:rgba(51,153,255,0.08);
  border-radius:50%;
  margin-bottom:25px;
  transition:all 0.3s ease;
}
#site-content .feature-box:hover .feature-icon-wrapper{background:var(--color-accent); transform:scale(1.1);}
#site-content .feature-icon-wrapper i{font-size:32px; color:var(--color-accent); transition:all 0.3s ease;}
#site-content .feature-box:hover .feature-icon-wrapper i{color:#fff;}

/* CTA + FOOTER (LOCK footer dışında kalır; scope içinde güvenli) */
#site-content .cta-section{background-color:var(--color-footer); color:white; padding:15px 0; border-bottom:none;}
#site-content .cta-container{max-width:1480px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}
#site-content .cta-content{max-width:700px; display:flex; flex-direction:column; justify-content:center; transform:translateY(-2px);}
#site-content .cta-content h2{font-size:28px; font-weight:700; color:#ffffff; margin-bottom:5px; line-height:1.1; transition:color 0.3s ease; cursor:default; margin-top:0;}
#site-content .cta-content h2:hover{color:var(--color-accent);}
#site-content .cta-content p{font-size:14px; margin-bottom:0; line-height:1.5; color:#ddd;}
#site-content .cta-buttons{display:flex; gap:15px;}
#site-content .cta-button-light{padding:10px 20px; border:1px solid white; background:transparent; color:white; text-decoration:none; font-weight:600; border-radius:4px; font-size:14px; transition:all 0.3s; cursor:pointer;}
#site-content .cta-button-light:hover{background:white; color:var(--color-primary);}
#site-content .cta-button-accent{padding:10px 20px; border:none; background:var(--color-accent); color:white; text-decoration:none; font-weight:600; border-radius:4px; font-size:14px; transition:all 0.3s; cursor:pointer; display:flex; align-items:center; gap:8px;}
#site-content .cta-button-accent:hover{background:#5cafff; transform:translateY(-2px);}

/* FOOTER */
#site-content .main-footer{
  background-color:#171d24;
  color:#b0b0b0;
  font-size:14px;
  padding:0;
  border-top:1px solid rgba(255,255,255,0.05);
}
#site-content .footer-top{padding:70px 0 50px 0;}
#site-content .footer-container{max-width:1480px; margin:0 auto; padding:0 20px;}
#site-content .footer-row{display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px;}
#site-content .footer-col{flex:1; min-width:250px;}
#site-content .footer-col h4{color:#fff; font-size:18px; font-weight:600; margin-bottom:25px; position:relative; padding-bottom:10px;}
#site-content .footer-col h4::after{content:""; position:absolute; left:0; bottom:0; width:40px; height:3px; background-color:var(--color-accent);}

#site-content .footer-logo{max-height:50px; background:#fff; padding:5px 10px; border-radius:4px; margin-bottom:10px; display:inline-block;}
#site-content .footer-desc{
  line-height:1.6;
  margin-bottom:20px;
  font-size:15px;
  color:var(--color-accent);
  font-weight:600;
  font-style:italic;
  margin-top:-5px;
  padding-left:2px;
}
#site-content .footer-social{display:flex; gap:10px;}
#site-content .social-link{
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  background-color:rgba(255,255,255,0.08);
  color:#fff;
  border-radius:4px;
  transition:all 0.3s ease;
  text-decoration:none;
}
#site-content .social-link:hover{opacity:0.8; transform:translateY(-3px);}
#site-content .social-link.facebook{background-color:#3b5998; color:white;}
#site-content .social-link.twitter{background-color:#1DA1F2; color:white;}
#site-content .social-link.instagram{background-color:#E1306C; color:white;}
#site-content .social-link.linkedin{background-color:#0077b5; color:white;}
#site-content .social-link.youtube{background-color:#FF0000; color:white;}

#site-content .footer-col ul{list-style:none; padding:0; margin:0;}
#site-content .footer-col ul li{margin-bottom:12px;}
#site-content .footer-col ul li a{color:#b0b0b0; text-decoration:none; transition:all 0.3s; display:flex; align-items:center; gap:8px;}
#site-content .footer-col ul li a i{font-size:12px; color:var(--color-accent); opacity:0.7;}
#site-content .footer-col ul li a:hover{color:#fff; padding-left:5px;}
#site-content .footer-col ul li a:hover i{opacity:1;}

#site-content .contact-item{display:flex; align-items:flex-start; gap:15px; margin-bottom:15px;}
#site-content .contact-item i{color:var(--color-accent); font-size:16px; margin-top:4px;}
#site-content .contact-item span{color:#b0b0b0; line-height:1.5;}
#site-content .whatsapp-btn-footer{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:#25d366;
  color:#fff;
  padding:12px 20px;
  border-radius:5px;
  font-weight:600;
  text-decoration:none;
  margin-top:15px;
  transition:all 0.3s;
  width:100%;
}
#site-content .whatsapp-btn-footer i{font-size:18px; margin-right:8px;}
#site-content .whatsapp-btn-footer:hover{background-color:#128c7e; transform:translateY(-2px); color:#fff;}

#site-content .footer-bottom{
  background-color:#12171d;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,0.05);
  font-size:13px;
  text-align:center;
}
#site-content .footer-bottom .container{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:10px;
}
#site-content .copyright-text strong{color:#fff;}
#site-content .footer-legal-links{display:flex; gap:20px; margin-top:5px;}
#site-content .footer-legal-links a{color:#888; text-decoration:none; transition:color 0.3s;}
#site-content .footer-legal-links a:hover{color:var(--color-accent);}

/* Responsive */
@media (max-width: 1024px){
  #site-content .top-bar{display:none;}
  #site-content .main-nav{top:0;}
  #site-content .hero{height:520px;}
  #site-content .parallax-section{background-attachment:scroll;}
  #site-content .nav-menu{display:none; position:absolute; top:90px; left:0; right:0; background:#ffffff; flex-direction:column; padding:20px; gap:0;}
  #site-content .nav-menu.active{display:flex;}
  #site-content .nav-menu li a{padding:15px;}
  #site-content .hero-content h1{font-size:36px;}
  #site-content .portfolio-grid{grid-template-columns:repeat(2, 1fr);}
  #site-content .features-grid{grid-template-columns:repeat(2, 1fr);}
  #site-content .search-input{display:none;}
}

@media (max-width: 768px){
  #site-content .hero{height:460px;}
  #site-content .slider-nav{bottom:15px; right:15px; gap:10px;}
  #site-content .slider-btn{width:44px; height:44px; font-size:18px;}
  #site-content .hero-content h1{font-size:30px; padding:6px 14px;}
  #site-content .hero-content p{font-size:16px; padding:5px 12px;}
  #site-content .services-section{padding:40px 0;}
  #site-content .section-header{flex-direction:column; align-items:flex-start; gap:12px;}
  #site-content .section-header h2{font-size:24px; line-height:1.25;}
  #site-content .carousel-controls{align-self:flex-end;}
  #site-content .carousel-track{gap:20px;}
  #site-content .service-card{flex:0 0 100%; height:360px;}
  #site-content .stats-grid{flex-direction:column; gap:30px;}
  #site-content .footer-col{min-width:100%; margin-bottom:30px;}
  #site-content .footer-row{gap:20px;}
  #site-content .portfolio-grid{grid-template-columns:1fr;}
  #site-content .filter-btn{padding:10px 14px; font-size:12px;}
  #site-content .features-grid{grid-template-columns:1fr;}
  #site-content .cta-container{justify-content:center; text-align:center;}
  #site-content .footer-bottom .container{flex-direction:column; text-align:center; justify-content:center;}
  #site-content .footer-legal-links{justify-content:center;}
}

/* ALT SAYFA DÜZELTME KODU (CEPHE SAYFASI İÇİN ACİL) */
@media (max-width: 768px){
  #site-content h1[style*="font-size: 54px"]{
    font-size:28px !important;
    line-height:1.3 !important;
    word-wrap:break-word !important;
  }
  #site-content .page-header p{
    font-size:16px !important;
    padding:0 15px !important;
  }
}