@charset "UTF-8";
/* CSS Document */
* {padding: 0; margin: 0; font-size: 100%}
html, body {
	height: 100%;
    background-color: rgb(30,30,30);
    color: white;
	font-family: bree-serif, serif;
    font-weight: 300;
    font-style: normal;
	font-size: 100%;
	background-image: url("../../assets/images/max-halftone-bg-xs.png"); background-repeat: repeat-y; background-size: 100%; 
}
@media (min-width: 768px) {html, body {background-image: url("../../assets/images/max-halftone-bg.png");}}
img {
	border: 0;
}
a:link {color: rgb(145, 216, 254); text-decoration: none;}
a:visited {color: rgb(93, 198, 254); text-decoration: none;}
a:hover {text-decoration: underline; color: rgb(93, 254, 251)}
p {
	font-size: 1.3em;
	font-weight: 300;
    font-style: normal;
}
@media (min-width: 768px) {p {font-size: 1.8em;}}
h1 {
    font-family: pulpo-rust-75, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 3.5em;
	line-height: 100%;
	margin: 70px 20px 90px 20px;
    text-align: center;
	text-shadow: 0 0 12px rgb(0,0,0);
}
@media (min-width: 768px) {h1 {font-size: 5em;}}
@media (min-width: 992px) {h1 {font-size: 6em;}}
h2 {
    font-family: pulpo-rust-75, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 2.3em;
	line-height: 100%;
	margin-top: 120px; margin-bottom: 30px; 
    text-align: center;
}
@media (min-width: 768px) {h2 {font-size: 3em;}}
h3 {
	font-size: 1.9em;
	font-weight: 600;
}
@media (min-width: 768px) {h3 {font-size: 1.8em;}}
@media (min-width: 992px) {h3 {font-size: 1.8em;}}
h4 {
	font-size: 1.9em;
	font-weight: 600;
}
@media (min-width: 768px) {h4 {font-size: 1.8em;}}
h5 {
	font-size: 1.7em;
	font-weight: 600;
}
@media (min-width: 768px) {h5 {font-size: 1.3em;}}
h6 {
	font-size: 1.8em;
	font-weight: 600;
}
@media (min-width: 768px) {h6 {font-size: 1em;}}
strong {
	font-weight: 600;
    font-style: normal;
}
em {
    font-weight: 400;
    font-style: italic;
}
ul li {
	font-size: 1.5em;
	font-weight: 400;
}
@media (min-width: 768px) {ul li {font-size: 1.4em;}}

.quote {font-family: bree-serif, serif; font-style: italic; font-size: 2em; font-weight: 200; text-align: center; text-shadow: 0 0 12px rgb(0,0,0); margin-bottom: 40px;}
@media (min-width: 768px) {.quote {font-size: 2.7em;}}

/*Colours*/
.txt-blue {color: rgb(93, 198, 254);}

/*Navbar*/
.navbar {border: none; background-color:none;}
@media (min-width: 768px) {.navbar {padding: 0 0px;}}
.navbar-nav {background-color:none;}
.navbar .navbar-collapse {text-align: center; background-color:none; color:#333;}
.navbar-brand {font-family: pulpo-rust-75, sans-serif;}
.nav-item a {color: rgb(145, 216, 254); text-decoration: none;}
.nav-item a {-webkit-transition: color 250ms ease-out 100ms; -moz-transition: color 250ms ease-out 100ms; -o-transition: color 250ms ease-out 100ms; transition: color 250ms ease-out 100ms;}
.nav-item a:hover {color: rgb(48, 179, 249); text-decoration: none; }
.nav-item {padding: 10px 5px;}
@media (min-width: 768px) {.nav-item {padding: 20px 5px; margin-bottom: 0px; }}

.navbar-toggler {border-color: white; border-width: 2px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.footer {
	width: 100%;
	padding-top: 50px; padding-bottom: 50px;
	color: white;
	background-image:url("../assets/images/footer_arrow.png");
	background-position:bottom right;
	background-repeat:no-repeat;
  }
  
  .footer-social {margin-top: 35px; margin-bottom: 50px; font-size: 1.25em; font-weight: 600; text-align: center;}
  .social-button {margin-top: 10px; margin-right: 10px;}
  @media (min-width: 768px) {.social-button {margin-top: 10px; margin-right: 0px; margin-left: 10px;}}
.footer-contact {margin-top: 60px; text-align: center;}
@media (min-width: 768px) {.footer-contact {text-align: left; margin-top: 0px; }}
.footer-logos {text-align: center; margin-top: 30px;}
@media (min-width: 768px) {.footer-logos {text-align: right; margin-top: 0px; }}

/*Pics*/

.pic-row {background-repeat: none; background-size: cover; margin-top: 40px; margin-bottom: 40px; min-height: 350px;}
@media (min-width: 992px) {.pic-row{min-height: 500px;}}

.p-r-1 {background-image: url("../../assets/pics/mens-team-win.jpg"); background-position: top center;}
.p-r-2 {background-image: url("../../assets/pics/Max-Schliesing-bunker-shot.jpg"); background-position: top center;}
.p-r-3 {background-image: url("../../assets/pics/max-schliesing-with-friend-matterhorn-crop.jpg"); background-position: center center;}
.p-r-4 {background-image: url("../../assets/pics/Max-Schliesing-stroke-shot.jpg"); background-position: center center;}
.p-r-5 {background-image: url("../../assets/pics/Max-Schliesing-coaching-with-jonathan-wallett-ecga.jpg"); background-position: center center;}
.p-r-6 {background-image: url("../../assets/pics/max-schliesing-iron-shot-from-behind.jpg"); background-position: center center;}

/*Journey*/

.journey-year {font-family: pulpo-rust-75, sans-serif;font-weight: 400; font-size: 2em; text-align: right; margin-top: 35px; line-height: 120%;}
@media (min-width: 768px) {.journey-year {font-size: 2.6em;}}
.journey-detail {font-size: 1.4em; line-height: 150%; padding-top: 40px;}
@media (min-width: 768px) {.journey-detail {font-size: 1.8em;}}
.stroke-average-year {font-family: pulpo-rust-75, sans-serif;font-weight: 400; font-size: 2em; text-align: right; margin-top: 60px; line-height: 120%;}
@media (min-width: 768px) {.stroke-average-year {font-size: 2.6em;}}
 .stroke-average {font-size: 2.6em; line-height: 150%; padding-top: 40px;}
.journey-results {font-size: 1.8em; text-align: right; margin-top: 50px; text-align: center;}
@media (min-width: 768px) {.journey-results{text-align: right; margin-top: 30px;}}
.journey-result {font-size: 1.8em; margin-top: 10px; text-align: center;}
@media (min-width: 768px) {.journey-result {font-size: 1.8em; font-weight: 700;text-align: left; margin-top: 30px;}}

/*Vision*/
.vision-row {margin-top: 100px; margin-bottom: 100px;}
@media (min-width: 768px) {.vision-row {margin-top: 200px; margin-bottom: 200px;}}
.vision-year {font-family: pulpo-rust-75, sans-serif; font-weight: 400; font-size: 2em; line-height: 120%; text-align: center; padding-bottom: 20px;}
@media (min-width: 768px) {.vision-year {font-size: 2.7em; text-align: right; margin-top: 35px; padding-bottom: 0px;}}

/*Supporter*/

.mad-max-club {text-align: center;}
.supporter {padding: 30px; margin-top: 35px; margin-bottom: 20px; border-radius: 10px;}
.supp-silver {background-image: linear-gradient(rgb(100,100,100),rgb(50,50,50));}
.supp-gold {background-image: linear-gradient(rgb(171,107,0),rgb(255,237,135),rgb(215,162,66)); color: black;}
.supp-platinum {background-image: linear-gradient(45deg,rgb(65,65,65),rgb(130,130,130),rgb(65,65,65));}
.supporter h2 {margin-top: 0;}
.supporter li {margin-top: 20px;}
.supp-price {text-align: center; font-family: pulpo-rust-75, sans-serif;font-weight: 400; font-size: 1.5em;}
@media (min-width: 768px) {.supp-price {font-size: 2em;}}

.supp-button {
	background: #E5F6FF;
	background-image: -webkit-linear-gradient(top, #E5F6FF, #FFFFFF); background-image: -moz-linear-gradient(top, #E5F6FF, #FFFFFF); background-image: -ms-linear-gradient(top, #E5F6FF, #FFFFFF);background-image: -o-linear-gradient(top, #E5F6FF, #FFFFFF); background-image: -webkit-gradient(to bottom, #E5F6FF, #FFFFFF);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none; border-radius: 5px;
	color: black;
	font-family: pulpo-rust-75, sans-serif; font-size: 1.4em; font-weight: 400;
	padding: 26px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	padding: 20px; margin-top: 25px; 
 }
 
 .supp-button:hover {
	background: #E3F4FD;
	background-image: -webkit-linear-gradient(top, #E3F4FD, #91D8FE); background-image: -moz-linear-gradient(top, #E3F4FD, #91D8FE); background-image: -ms-linear-gradient(top, #E3F4FD, #91D8FE); background-image: -o-linear-gradient(top, #E3F4FD, #91D8FE);	background-image: -webkit-gradient(to bottom, #E3F4FD, #91D8FE);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
 }
.coach-row {margin-top: 100px;}
.coach-h2 {margin-top: 30px;}
.coach-url {font-size: 1.9em; text-align: center;}
@media (min-width: 992px) {.coach-url {font-size: 2.4em;}}
/* @media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {} */