/* 

  Put your Custom CSS into this file 

*/

.container {
    background:#f0f0f0;
}



.logo img {
	width: 35%;
	height: auto;
}

 #block-sekolahpenggerakperubahan {
	margin-top: -49px;
	font-size: 1.2rem;
	font-family: Helvetica;
	color: sienna;
}


  /* Custom CSS */
  .sekolah {
    width: 100%;
    display: flex;
    align-items: flex-start; /* Align text to the top */
    text-align: left; /* Align text to the left */
  /*background-color: #f0f0f0; /* Background color */
  }

  /* For mobile devices */

  @media (min-width:576px) and (max-width: 1366px) {
    .sekolah {
      align-items: center; /* Align text to the center */
      text-align: center; /* Align text to the center */
      padding-top: 30px; /* Add padding for better readability */
      padding-left: 5px;
      height: 40px;
      font-size: 9px;
      font-stretch: condensed;
    }
  }

  @media (max-width: 576px) {
    .sekolah {
      align-items: center; /* Align text to the center */
      text-align: center; /* Align text to the center */
      padding-top: 55px; /* Add padding for better readability */
      padding-left: 25px;
      height: 60px;
      font-size: 9px;
    }
  }
  


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
  font-size: 1.2em;
  width:80%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #FC3C68 ;
  line-height:1.4;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#FC3C68;
  font-size:3em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}


pre{
    margin-left:40px;
    background:#EDEDED;
    padding:0.5em 10px 0.5em 25px;
}