.calendar-section {

margin-bottom: 20px;
}


.calendar, .calendar_weekdays,
.calendar_content {

max-width: 585px;
}



.calendar {

/*float: left;*/

margin: auto;

min-width: 320px;

font-family: 'Lato', sans-serif;

font-weight: 400;
}



.calendar_weekdays {

color: grey;

font-weight: lighter;
}


.calendar_weekdays div {

display:inline-block;

vertical-align:top;
}


.calendar_content, .calendar_weekdays, .calendar_header {

position: relative;
}


.calendar_content:after, .calendar_weekdays:after, .calendar_header:after {

content: ' ';
display: table;
clear: both;
}


.calendar_weekdays div, .calendar_content div {

/*border: 1px dotted #7E0571;*/

width: 14.28571%;

height: 68px;

line-height: 69px;

overflow: hidden;

text-align: center;

background-color: transparent;
}



.calendar_content .today {

color: #7E0571;
}


.calendar_content div {

float: left;

margin-left: -1px;

margin-top: -1px;

border: 1px solid transparent;
}


.calendar_content div:hover {

border: 1px solid #7E0571;

/*line-height: 68px;*/
cursor: pointer;
}



.calendar_content div.blank:hover {

cursor: default;

border: none;
}



.calendar_content div.past-date {

cursor: initial;

color: #c7c7c7;
}


.calendar_content div.today{

font-weight: bold;

font-size: 18px;

color: #7E0571;
}


.calendar_content div.selected {

background-color: rgba(153, 153, 161, .2);
/*rgba(170, 170, 176, .5) #aaaab0*/

border: 1px solid white;
}


.calendar_header {

width: 100%;

text-align: center;
}



.calendar_header h2 {

float:left;

width:70%;

margin-top: 10px;

padding: 0 10px;

font-family: 'Lato', sans-serif;

font-weight: 300;

font-size: 1.5em;

color: #FFFFFF;
}




button.switch-month {

background-color: transparent;

padding: 0;

outline: none;

border: none;

line-height: 52px;

height: 55px;

float: left;

width:15%;

-webkit-transition: color .2s;

transition: color .2s;
}




button.switch-month:hover {

color: #5EADE2;
}


button.switch-month:active {

background-color: rgba(113, 113, 125, .4);
}


.calendar_header h2 {

color: #7E0571;

line-height: 1.7;
}

* {
  box-sizing: border-box;
}

.columns {
  padding: 8px;
}

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
  background-color:#7E0571;
  color: white;
  font-size: 25px;
}

.header > span {
    font-size: 14px;
 }

.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

.price .grey {
  background-color: #eee;
  font-size: 18px;
}

strong {
font-weight: 900;
}
.button {
  background-color: #7E0571;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}
.form-control{
border: 2px solid #7E0571;
}
.form-align{
  margin: 0.5rem 3.5rem;
}
.md-form{
margin-left: 2rem;
margin-right: 2rem;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
  .form-control {
  margin: 0.5rem 0rem;
}
}