.pkp_structure_footer_wrapper {
    background: #006462;
}
html, body {
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.43rem;
    color: rgba(0, 0, 0, 0.87);
    background:#FFEFD5;
   /*background:#CEE5EB;*/
   /*background:#DCE7EB;*/
}

/* header logo*/
   .pkp_site_name .is_img img {
    max-height: 80px;
    box-shadow: none;
}

/* header button
   .pkp_navigation_user a {
   	 padding-top: 0.357rem;
    	 padding-bottom: 0.357rem;
    	 line-height: 1.43rem;
    	 background: #800000;
   	 margin-top: 46px;
   	 border-radius: 5px;
   	 border: 2px solid #ffffff;
}
*/
.has_site_logo .pkp_head_wrapper {
     width: 100%;
     border-bottom: 2px solid #006462;
     box-shadow: -3px 7px 7px #006462;
}

.pkp_navigation_primary>li:first-child a {
    margin-left: 3.5em;
}
/*home page editing*/


.homepage_about p{
  text-align:justify;
}


.homepage_about h2 {
    margin-top: -1.714rem;
    color: #006462;
    text-align:left;
    margin-left:20px;
    font-size: 40px;
    font-weight: 600;
    hr
}

.pkp_site_name .is_text {
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.857rem;
    color: #fff;
    text-decoration: none;
}
.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a {
    display: inline-block;
    padding: 0 1em;
    background: #551000;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-top-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
.imgs {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
 
}
img {
   /* border-style: solid;*/
    border-width:1px
    border-radius: 10px;
    border-color:#006462;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: transform .2s;
}

/*For headings*/

.pkp_structure_main .page h1 {
    margin-top: 0;
    margin-left: 13px;
    color: #006462;
    font-size: 30px;
    font-weight: bolder;
}

/* For sidebar CSS */

body {
  margin: 0px;
  padding: 0px;
  /*background-color: #E9E9E9;*/
}

div.polaroid {
  
}

div.rotate_right {
   /*float: left;*/
 /* -ms-transform: rotate(7deg); *//* IE 9 */
 /* -webkit-transform: rotate(7deg);*/ /* Safari */
 /* transform: rotate(7deg);*/
  border:3px solid #006462;
  width: 293px;
  padding: 15px 15px 15px 15px;
  border: 1px solid #006462;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
  border-radius:20px;
  margin: auto;
  /*width: 100%;*/
 
  }


div.rotate_left {
    /*float: left;
  /* -ms-transform: rotate(-8deg);  *//* IE 9 */
  /*-webkit-transform: rotate(-8deg); */ /* Safari */
  /* transform: rotate(-8deg); */
      /* border:5px solid #006462; */
}

/*div.rotate_left img{
	border-radius:50%;
	margin-top: -78px;
      margin-left: 46px;
      border: 2px solid #ffffff;
	height: 180px;
      width: 180px;
}*/

div.image1 img{ 
	box-shadow:none;
}

div.index-image img{
	border:2px solid #006462;
	border-radius:20px;
}

div.image2 img{
	border-radius:50%;
	margin-top: -57px;
     /* margin-left: 58px;*/
      border: 2px solid #ffffff;
      height: 130px;
      width: 130px;
      display: block;
      margin-left: auto;
      margin-right: auto;
}

div.contact-form{
  width: 293px;
  padding: 15px 15px 15px 15px;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
  margin:auto;
  
}

div.submit{
	background: #006462;
}


/* Editor-team*/

div.main_div{
display: flex;
flex-direction: row;
justify-content:space-between;
flex:50%;
/*width:50%;*/
}


div.content_div{
border-left: 10px solid #006462; 
border-right: 10px solid #006462; 
border-top: 2px solid #006462; 
border-bottom: 2px solid #006462; 
border-radius: 20px; padding: 10px; 
box-shadow: 10px 10px 5px #aaaaaa; 
background: #ffffff; 
margin-bottom: 20px;
margin:20px;
width:50%;
}

@media (max-width: 800px) {
  div.main_div {
    flex-direction: column;
   /* flex:100%;*/
	width:100%;
}
}

 @media (max-width: 800px) {
 div.content_div {
    flex-direction: column;
   /* flex:100%;*/
	width:100%;
}
}