.ferries {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
.ferry {
   width: 300px;
   display: inline-grid;
   text-align: center;
   border: 1px solid #C0C0C0;
   border-radius: 5px;
   padding: 12px;
   margin: 6px;
   height: 350px;
}

#loginbut {
margin-top: 30px; }

#loginbut a {
   border-radius: 20px;
   padding: 8px 25px;
   background-color: #00C7ED;
   color: #000;
   font-weight: bolder;
}
.ferry-booking #loginbut a:hover {
color: white }

.ferry-booking h1 {
margin-bottom: 20px }

.ferry-booking .regform {
   border: 1px solid #ccc;
   width: 600px;
   max-width: 100%;
   padding: 30px 15px;
   border-radius: 4px;
   color: #404040;
}
.ferry-booking .regform .notices {
font-family: 'montserratblack';
margin-bottom: 20px }

.ferry-booking .regform .notices .errors {
padding-left: 15px;
color: red; }

.ferry-booking .regform .button input {
   border-radius: 20px;
   padding: 8px 25px !important;
   background-color: #00C7ED !important;
   color: #000 !important;
   font-weight: bolder;
   border: none !important;
   font-size: 18px;
}

.ferry-booking .regform .label {
   padding-top: 15px;
   font-family: 'montserratblack';
}
.ferry-booking .regform .label p {
   font-family: 'montserratregular';
}

.ferry-booking .regform input:not([type="submit"]):not([type="checkbox"]) {
   width: 100%;
   border-color: #eaeaea;
   border-radius: 5px;
}
.ferry-booking .regform input[type="text"].error {
   border: 1px solid red }

.ferry-booking .regform select {
   width: 300px;
   height: 40px;
   background-color: #FCFCFC;
   border: 1px solid #E6E6E6;
   border-radius: 5px;
}
.ferry-booking .regform form select option {
width: 300px; }

.ferry-booking h1.post-title {
display: none; }

a.signup {
   font-size: 18px;
   color: #00C7ED;
   cursor: pointer;
}
a.signup:hover {
   font-size: 18px;
   color: #0E405A;
   text-decoration: underline;
   cursor: pointer;
}

.login_frm {
   display: flex;
}

.login_frm > div {
   padding: 10px;
}

.login_frm > .login_div {
   width: 350px;
   max-width: 100%;
}

.ferry-reg-form {
   margin-top: 30px;
}

.ferry-reg-form label, .ferry-reg-form .notes {
font-family: 'montserratblack';
}

.ferry-reg-form label select, .ferry-reg-form label input[type='checkbox'] + span {
font-family: 'montserratregular', sans-serif }

.f_more a {
padding: 8px 30px;
border-radius: 20px;
background-color: #00C7ED;
color: #000;
font-weight: bolder; }

.f_title a {
font-family: 'montserratblack', sans-serif;
font-size: 20px;
color: #000;
text-decoration: none; }

.ferry-booking .ferries .f_more > a:hover {
color: white }