/*Home and All*/

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

header {
  padding: 0px 0;
}

header .row,
footer .row {
  display: flex;
  align-items: center;
  background-color: white;
}

header h1 {
  font-weight: 700;
  margin: 0;
  position:absolute;
  left:0;
  top:0;
}

header nav {
  display: flex;
  justify-content: flex-end;
}

header p {
  padding: 0 20px;
  margin: 0;
  font-size: 20px;
  color: #888889;
}

.topcorner{
   color: #2fcbe1;
   font-size: 20px;
  }

#colorstrip{
    width: 100%; height: 8px;
    border-style: solid;
    border-color: #2fcbe1;
    background-color: #2fcbe1;
}

.btn.btn-primary1 {
  border-radius: 15px;
  border: 0px;
  padding: 8px; 
  color: #888889;
  text-shadow: none;
  background-color: #ffffff;
}

.btn.btn-primary1:hover {
  color: #ffffff;
  background-color: #2fcbe1;
}

.btn-secondary1 {
  background-color: #E8DFE0;
  color: #ffffff;
  margin: 0 0 30px;
}


/* ----------------------------------------------------------------------------------*/
/*Oefen*/
.topnav {
    background-color: #fff;
    overflow: hidden;
	position: flex;
	justify-content:flex-end;
	padding: 0 20px;
	margin: 0;
	font-size: 12px;
	color: #888889;
}

.fr{
	position: flex;
	justify-content:flex-end;
}

/* Style the links inside the navigation bar */
.topnav a {
    color: #fff;
	position: flex;
	justify-content:flex-end;
    text-align: center;
    font-size: 15px;
	padding: 0 20px;
	margin: 0 10px;
	color: #888889;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}


/* When the screen is less than 600 pixels wide, hide all links. Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 770px) {
  .topnav a {
	display: none;
	}
  .topnav a.icon {
    position: absolute;
    right: 0;
    top: 0;
	padding: 0 10px;
	margin: 0 5px;
	border-radius: 10px;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 770px) {
  .topnav.responsive {
	position: absolute;
    right: 0;
    top: 0;
	float: right;
	background-color: #fff;
	}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
	padding: 0 10px;
	margin: 0 5px;
	border-radius: 10px;
	display: block;
	background-color: #fff;
  }
  .topnav.responsive a {
	position: flex;
    float: none;
    display: block;
    text-align: center;
  }
  
}

/*------------------------------------------------------------------------------------*/
.jumbotron {
  display: flex;
  align-items: center;
  background-image: url('./panorama-2105955.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 500px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 60px;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.jumbotron h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  margin: 0 0 20px;
  color: #484848;
}

div .row.text-center{
	background-color: rgba(255,255,255,0.65);
	padding: 10px 10px 10px 10px;
}

section .row img {
  margin: 0 0 30px;
  width: 100%;
}

.col-md-6 {
  margin: 0 0 30px;
}

.col-md-6 h2 {
  color: #ffffff;
  background-color: #2fcbe1;
}

.btn.btn-primary {
  border-radius: 2px;
  border: 5px;
  border-color: #484848;
  color: #ffffff;
  text-shadow: none;
  background-color: #2fcbe1;
}

.btn.btn-primary:hover {
  color: #ffffff;
  background-color: #484848;
}

.btn.btn-sec {
  border-radius: 5px;
  border: 5px;
  border-color: #484848;
  color: #ffffff;
  text-shadow: none;
  background-color: #2fcbe1;
  width: 50%;
  padding: 20px 0px 20px 0px;
  font-size: 25px;
  margin: 0px 0px 15px 0px;
}

.btn.btn-sec:hover {
  color: #ffffff;
  background-color: #484848;
}

.btn-secondary {
  background-color: #E8DFE0;
  color: #ffffff;
  margin: 0 0 30px;
}

.ContentTitle{
	color: #000;
	background-color: rgba(31,192,215,0.4);
	border-radius: 5px;
	border: 0px;
	padding: 5px 15px 5px 15px; 
}

.bookings{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./jazmin-quaynor-392995.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 350px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

.bookings h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 50;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.bookings h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 0 0 20px;
  color: #484848;
}

.about{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./nathan-dumlao-321782.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 350px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

.about h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 50;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.about h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 0 0 20px;
  color: #484848;
}

.treatment{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./jacob-postuma-409826.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 350px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

.treatment h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 50;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.treatment h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 0 0 20px;
  color: #484848;
}

footer {
  font-size: 12px;
  padding: 20px 10px;
}

footer .col-sm-3 {
  padding: 0 10px;
  margin: 0;
}

footer .col-sm-2 {
  padding: 0 10px;
  margin: 0;
}

footer .col-sm-6 {
  display: flex;
  justify-content: flex-end;
  border: 2px;
  padding: 0;
  margin: 0;
}

footer.row{
	background-size: cover;
}

footer ul {
  list-style: none;
}

footer li img {
  width: 32px;
  height: 32px;
}

.topfoot nav {
  display: flex;
  justify-content: flex-end;
  padding: 8px 0;
}

.topfoot p {
  padding: 0 20px;
  margin: 0;
  font-size: 20px;
  color: #888889;
}


/*----------------------------------------------------------------------------------------------*/
/*About*/

.jumbotron1 {
  display: flex;
  align-items: center;
  background-image: url('./annie-spratt-113596.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 400px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron1 h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 60px;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.jumbotron1 h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  margin: 0 0 20px;
  color: #484848;
}

.ppic{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./Lea_Profile.jpg');
  background-position: center;
  background-size: cover;
  color: #ffffff;
  height: 510px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

.ppic h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 50;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.ppic h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 0 0 20px;
  color: #484848;
}

/*----------------------------------------------------------------------------------------------*/
/*Treatment*/

.jumbotron2 {
  display: flex;
  align-items: center;
  background-image: url('./autumn-goodman-242803.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 400px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron2 h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 60px;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.jumbotron2 h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  margin: 0 0 20px;
  color: #484848;
}

.TreatBack{
	display: inherit;
	align-items: center;
	background-color: LightGrey;
	margin: 0;
	padding: 10px;
	border-radius: 20px;
}

.methods{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255,255,255,0.65);
  background-size: cover;
  color: #ffffff;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 5px 5px;
  padding: 15px;
  border-radius: 200px;
}

.methods h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 10px;
  padding: 0;
  color: #484848;
}

div .rowBanner{
  text-align: center;
  vertical-align: middle;
}

section .methods img{
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}

.injury .col-sm-3{
  display: flex;
  justify-content: flex-start;
  border: 0;
  background-color: rgba(31,192,215,0.2);
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px 30px;
}

.small{
	margin: 0px 0px 0px 22px;
}

table, tr, td{
  background-color: rgba(31,192,215,0.05);
  border: 3px solid;
  border-color: #fff;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;

}

.injuryFoto{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./emma-simpson-153970.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 350px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

/*----------------------------------------------------------------------------------------------*/
/*Bookings*/

.jumbotron3 {
  display: flex;
  align-items: center;
  background-image: url('./denys-nevozhai-191635.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 500px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron3 h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 60px;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.jumbotron3 h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  margin: 0 0 20px;
  color: #484848;
}

.contacting{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./jazmin-quaynor-392995.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 450px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
  margin: 10px;
}

.contacting h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 50;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.contacting h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 20;
  margin: 0 0 20px;
  color: #484848;
}

/*----------------------------------------------------------------------------------------------*/
/*Contact*/

.jumbotron4 {
  display: flex;
  align-items: center;
  background-image: url('./christopher-gower-291240.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  height: 400px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron4 h2 {
  font-family: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  font-size: 60px;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  color: #484848;
}

.jumbotron4 h3 {
  font: 'proxima_nova_ltthin', sans-serif;
  font-style: normal;
  margin: 0 0 20px;
  color: #484848;
}

.infoo{
	padding: 0px 60px;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #2fcbe1;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	margin: 0px 0px 20px 0px;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: Grey;
}

.infoo table{
	background-color: #fff;
}