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

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

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

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

<style>

* {
  box-sizing: border-box;
}

.header__menu-col li {padding: 0 15px; font-size:11px;}

.header__logo-col {max-width:150px;}

#hs_cos_wrapper_post_body .container {
  display: flex;
  width: 962px;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
#hs_cos_wrapper_post_body .card {
  margin: 0px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: auto;
}
#hs_cos_wrapper_post_body .card-header img {
  width: 100% !important;
  height: auto;
  object-fit: cover;
}
#hs_cos_wrapper_post_body .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  min-height: 250px;
}

#hs_cos_wrapper_post_body .tag {
  background: #cccccc;
  border-radius: 50px;
  font-size: 12px;
  margin: 0;
  color: #fff;
  padding: 2px 10px;
  text-transform: uppercase;
  cursor: pointer;
}
#hs_cos_wrapper_post_body .tag-green {
  background-color: #19988b;
}
#hs_cos_wrapper_post_body .tag-purple {
  background-color: #5e76bf;
}
#hs_cos_wrapper_post_body .tag-pink {
  background-color: #cd5b9f;
}

#hs_cos_wrapper_post_body .card-body p {
  font-size: 13px;
  margin: 0 0 40px;
}
#hs_cos_wrapper_post_body .user {
  display: flex;
  margin-top: auto;
}

#hs_cos_wrapper_post_body .user-info h5 {
  margin: 0;
}
#hs_cos_wrapper_post_body .user-info small {
  color: #545d7a;
}

.addthisplace {float:right; margin-top:-34px; padding-left:15px; border:none;}  
.a2a_kit {float:right; margin-top:-5px;}


/* Footer styles */

#hs_cos_wrapper_footer-module-7_hs_logo_widget img {display:none;}
#hs_cos_wrapper_footer-module-7_hs_logo_widget .hs-image-widget {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://connect.greenlearning.ca/hubfs/GreenLearning-white.png) no-repeat;
  width: 200px !important; /* Width of new image */
  height: 78px !important; /* Height of new image */
  padding-left: 200px; /* Equal to width of new image */
  margin-top:-30px;
}


#hs_cos_wrapper_footer-module-8 p span {color:#fff !important;}

/* Phone Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
      
#hs_cos_wrapper_post_body .container {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
}   
.addthisplace {float:left; margin-top:-115px; padding-left:0; border:none;}        
.a2a_kit {float:left; margin-top:-10px;}   
#main-content {margin-top:30px;}      

}

/* tablet Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 /* and (orientation: portrait)  */
 /* and (-webkit-min-device-pixel-ratio: 2) */
 { 
    
  #hs_cos_wrapper_post_body .container {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.addthisplace {float:left; margin-top:-115px; padding-left:0; border:none;}      
.a2a_kit {float:left; margin-top:-10px;}  
       
#main-content {margin-top:30px;} 
   
}

</style>