h1 {
	color: #00A1B1;
	padding-bottom: 20px;
}

.calm img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

.calm-logo img {
  border-radius: 4px;	
}

.wrapper-calm {  
  overflow:hidden;
}

.wrapper-calm div {
   min-height: 200px;
   padding: 10px;
}
#one {
  float:left; 
  margin:0 20px 10px 0;
}
#two { 
  background-color: white;
  overflow:hidden;
  
  min-height:100px;
}

@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;  
  }
}

/* Floating box css for more than one set on the one page */

#three {
  float:left; 
  margin:0 20px 10px 0;
}
#four { 
  background-color: white;
  overflow:hidden;
  
  min-height:100px;
}

@media screen and (max-width: 400px) {
   #three { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;  
  }
}

.btn-primary  {
	background-color:#00A1B1;
	background-image:none;
	border:1px solid transparent;
	border-radius:3px;
	box-sizing:border-box;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	font-family:lato, Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:normal;
	padding:15px 20px;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	text-transform:uppercase;
	transition:all 0.2s ease-in;
	vertical-align:middle;
}

.btn-primary:hover {
	background-color:#32ecff;
}