@font-face {
    font-family: 'FuturaPT Bold';
    src: url('/Assets/StandalonePages/fonts/Futura-PT/FuturaPT-Bold.eot');
    src: url('/Assets/StandalonePages/fonts/Futura-PT/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('/Assets/StandalonePages/fonts/Futura-PT/FuturaPT-Bold.woff') format('woff'), url('/Assets/StandalonePages/fonts/Futura-PT/FuturaPT-Bold.ttf') format('truetype'), url('/Assets/StandalonePages/fonts/Futura-PT/FuturaPT-Bold.svg#FuturaPT-Bold') format('svg');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'FuturaPT Normal';
    src: url('/Assets/StandalonePages/fonts/FuturaBT-Book.eot');
    src: url('/Assets/StandalonePages/fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'), url('/Assets/StandalonePages/fonts/FuturaBT-Book.woff') format('woff'), url('/Assets/StandalonePages/fonts/FuturaBT-Book.ttf') format('truetype'), url('/Assets/StandalonePages/fonts/FuturaBT-Book.svg#FuturaPT-Bold') format('svg');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'FuturaPT Light';
    src: url('/Assets/StandalonePages/fonts/FuturaPT-Light.eot');
    src: url('/Assets/StandalonePages/fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'), url('/Assets/StandalonePages/fonts/FuturaPT-Light.woff') format('woff'), url('fonts/FuturaPT-Light.ttf') format('truetype'), url('/Assets/StandalonePages/fonts/FuturaPT-Light.svg#FuturaPT-Bold') format('svg');
    font-style: normal;
    font-weight: lighter;
    text-rendering: optimizeLegibility;
}
/* @font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Bold.woff') format('woff');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.woff') format('woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

:root {
    --font-family: 'FuturaPT Normal', sans-serif;
    --font-family--heading: 'FuturaPT Bold', sans-serif;
    --font-weight--thin: 100;
    --font-weight--extra-light: 200;
    --font-weight--light: 300;
    --font-weight--normal: 400;
    --font-weight--medium: 500;
    --font-weight--semi-bold: 600;
    --font-weight--bold: 700;
    --font-weight--extra-bold: 800;
    --font-weight--black: 900;
    --line-height: 1.5;
    --line-height--heading: 1.2;
    --border-radius: 0.1875rem;
    --spacing: 1.5rem;
    --spacing--small: 0.75rem;
    --border-width: 0.0625rem;
    --border: var(--border-width) solid currentColor;
    --focus-outline-width: 0.1875rem;
    --focus-outline-offset: 0.125rem;
    --focus-outline: var(--focus-outline-width) solid #3399FF;
    --duration: 150ms;
    --timing: ease
}

button, [type=button], [type=reset], [type=submit] {
    appearance: none;
    background-color: #39f;
    border: 0;
    border-radius: var(--border-radius);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: var(--spacing--small) var(--spacing);
    text-align: center;
    text-decoration: none;
    transition: background-color var(--duration) var(--timing);
    user-select: none;
    vertical-align: middle;
    white-space:nowrap
}

button:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover {
    background-color:#39f
}

button:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus {
    outline: var(--focus-outline);
    outline-offset:var(--focus-outline-offset)
}

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
    cursor: not-allowed;
    opacity:.5
}

:root {
    --form-box-shadow: inset 0 --border-width 0.1875rem rgba(#000, 0.06);
    --form-box-shadow-focus: var(--form-box-shadow), 0 0 0.3125rem #3399FF
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding:0
}

legend {
    font-weight: 600;
    margin-bottom: var(--spacing--small);
    padding:0
}

label {
    display: block;
    font-weight: 600;
    margin-bottom:var(--spacing--small)
}

input, select, textarea {
    display: block;
    font-family: var(--font-family);
    font-size:1rem
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea {
    appearance: none;
    background-color: transparent;
    border: var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--form-box-shadow);
    box-sizing: border-box;
    margin-bottom: var(--spacing--small);
    padding: calc(var(--spacing) /3);
    transition: border-color var(--duration) var(--timing);
    width:100%
}

[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus {
    box-shadow:var(--form-box-shadow-focus)
}

[type=color]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, textarea:disabled {
    cursor:not-allowed
}

[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime]:disabled:hover, [type=datetime-local]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
    border:var(--border)
}

[type=color]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #00101f;
    opacity:.25
}

[type=search] {
    -webkit-appearance:textfield
}

textarea {
    resize:vertical
}

[type=checkbox], [type=radio] {
    display: inline;
    margin-right:var(--spacing--small)
}

[type=file] {
    margin-bottom: var(--spacing--small);
    width:100%
}

select {
    margin-bottom: var(--spacing--small);
    width:100%
}

[type=checkbox]:focus, [type=radio]:focus, [type=file]:focus, select:focus {
    outline: var(--focus-outline);
    outline-offset:var(--focus-outline-offset)
}

html {
    background-color: #fff;
    box-sizing:border-box
}

*, * ::before, * ::after {
    box-sizing:inherit
}

html, body {
    height: 100%;
    margin:0
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding:0
}

dl {
    margin:0
}

dt {
    font-weight: 600;
    margin:0
}

dd {
    margin:0
}

figure {
    margin:0
}

img, picture {
    margin: 0;
    max-width:100%
}

table {
    border-collapse: collapse;
    margin: var(--spacing) 0;
    table-layout: fixed;
    text-align: left;
    width:100%
}

thead {
    line-height: var(--line-height--heading);
    vertical-align:bottom
}

tbody {
    vertical-align:top
}

tr {
    border-bottom:var(--border)
}

th {
    font-weight:600
}

th, td {
    padding:var(--spacing--small) var(--spacing--small) var(--spacing--small) 0
}

html {
    color: #00101f;
    font-family: var(--font-family);
    font-size: 100%;
    line-height:var(--line-height)
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family--heading);
    font-size: 1.25rem;
    line-height: var(--line-height--heading);
    margin:0 0 var(--spacing--small)
}

p {
    margin:0 0 var(--spacing--small)
}

a {
    color: inherit;
    text-decoration-skip-ink: auto;
    transition:color var(--duration) var(--timing)
}

a:hover {
    color:#39f
}

a:focus {
    outline: var(--focus-outline);
    outline-offset:var(--focus-outline-offset)
}

.clearboth {
    clear:both;
}

hr {
    border-bottom: var(--border);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin:var(--spacing) 0
}

.nomobile {
    display: none;
}
.wrapper {
    font-size: 20px;
    line-height:1.7em;
}

.wrapper p span.b {
    font-weight:700;
}

.inner {
    max-width: 1100px;
    margin: auto;
    padding:40px 20px 20px
}

header {
    background-color: #00101f;
    color: #fff;
    background-image: url(https://images.musicmagpie.co.uk/images/campaignpages/rental-revolution/img/header-phones.png);
    background-size: cover;
    background-position: center;
    text-align:center;
    min-height: 600px;
}

header .inner {
    padding: 20px 20px 40px;
    background-color:rgba(0, 16, 31, .8)
}

header .logo {
    margin:0 0 20px
}

header .logo img {
    max-width:200px
}

header h1 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size:3.7vw;
	margin-top:130px;
}

header h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size:2.3vw
}

header h1 span,
header h2 span {
    display:block
}

header h1 span.thin {
    font-weight: 100;
    font-size: 1.5em;
    line-height:1.5em
}

header h1 span.thick {
    font-size: 2.0em;
    line-height:.9em
}

header h1 span.blue {
    color:#39f;
}

header h1 span.skyblue {
    color:#d8eeff;
}

header h2 span.green {
    color:#60bb66;
}

header .date {
    font-size: 3em;
    font-family: var(--font-family--heading);
    border-bottom: 5px solid #39f;
    display: inline-block;
    padding: 0 20px 5px;
    line-height: 1em;
    margin: 0 0 40px;
    font-weight: 100;
    letter-spacing:.1em
}

.header-intro {
	letter-spacing: 1.5px;
    color:#d8eeff
}

@media screen and (min-width: 700px) {
    header {
        background-image: none;
        text-align: left;
        position:relative
    }

    header .text {
        max-width: 60%;
        padding-right:20px
    }

    header .text h1 {
        font-size:2.6vw
    }

    header .text .date {
        font-size: 6.5vw;
        padding: 0;
        text-align: center;
        border-bottom: 0;
        position:relative
    }

    header .text .date:after {
        content: "";
        display: block;
        width: 90%;
        margin-top: 20px;
        left: 0;
        border-bottom:5px solid #39f
    }

    header:before {
        content: "";
        position: absolute;
        width: 40%;
        left: 60%;
        height: 100%;
        background-image: url(https://images.musicmagpie.co.uk/images/campaignpages/rental-revolution/img/header-phones.png);
        background-size: contain;
        background-position:center;
		background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1100px) {
    header .text h1 {
        font-size:2.2em
    }

    header .text .date {
        font-size:5.4em
    }
}

@media screen and (min-width: 700px) {
    main {
        text-align:left
    }
}

main .h2_wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom:40px;
}

@media screen and (min-width: 700px) {
    main .h2_wrap {
        margin-bottom:80px
    }
}

main h2 {
    font-size: 2em;
    line-height: 1.2em;
    flex: 1;
    margin: 0;
    text-transform: uppercase;
	font-size:2.4em;
    letter-spacing: -0.01em;
    font-weight:700
}

main nav .highlight {
    text-align: center;
}

@media screen and (min-width: 700px) {
    main h2 {
        position:relative;
        font-size:2.8em;
    }

    main h2 span {
        display:block
    }

    main h2:before {
        content: "";
        position: absolute;
        bottom: -20px;
        width: 70px;
        height: 0;
        border-bottom:5px solid #fff
    }
}

main h3 {
    font-size: 1.7em;
    margin: 40px auto 20px;
    letter-spacing:-0.01em
}

main .icon {
    height: 75px;
    width: 75px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #00101f;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position:center center
}

main .icon.blue {
    background-color:#39f
}

main .icon.apple {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_apple.svg)
}

main .icon.clock {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_clock.svg)
}

main .icon.clockgreen {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_clockgreen.svg)
}

main .icon.coins {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_coins.svg)
}

main .icon.hourglass {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_hourglass.svg)
}

main .icon.lead {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_lead.svg)
}

main .icon.new {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_new.svg)
}

main .icon.pencil {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_pencil.svg)
}

main .icon.up {
    background-image:url(https://images.musicmagpie.co.uk/images/campaignpages/phone-depreciation-mm/img/icon_up.svg)
}

main p {
    text-align:center
}

@media screen and (min-width: 700px) {
    main p {
        text-align:left
    }
}

main p span.b {
    font-weight:700
}

main section {
	padding-top: 60px;
	padding-bottom: 90px;
}


@media screen and (min-width: 700px) {
    main section.highlights .h2_wrap h2:before {
        border-bottom:5px solid #01537e
    }
}

main section.highlights {
    background-color: #2d8bfc;
    color:#d8eeff;
}

main section.highlights nav {
    display:grid
}

main section.highlights nav .highlight {
    text-align: left;
}

main section.highlights nav div {
    display: block;
    margin: 10px 0;
    color: inherit;
    text-decoration: none;
    transition:all 100;
    margin-left: auto;
    margin-right: auto;
}


main section.highlights nav .highlight h4.num,
main section.highlights nav div .label_wrap h4 {
    font-family: var(--font-family--heading);
    font-weight: 700;
    letter-spacing: 1px;
}
main section.highlights nav .highlight h4.skyblue {
    font-size: 2.6em;
}

main section.highlights nav div .label_wrap  {
	padding-bottom: 40px;
}
main section.highlights nav div .label_wrap figure {
	padding-bottom: 20px;
}
main section.highlights nav div .label_wrap .num {
	padding: 0px;
	font-size:2.6em;
    line-height:1em;
	color:#01537e;
}
main section.highlights nav div .label_wrap p {
    font-family: var(--font-weight--normal);
    font-weight: 300;
    letter-spacing: -0.2px;
}

@media screen and (min-width: 700px) {
    main section.highlights nav div {
        margin-left: 0px;
        margin-right: 0px;
    }
    main section.highlights nav .highlight h4.skyblue,
    main section.highlights nav span.label_wrap {
        width: 33%;
        display: block;
        padding-right: 40px;
        float: left;
    }
    main section.highlights nav .highlight {
        clear:both;
    }
    main section.highlights nav {
        /* display: grid;
        grid-gap: 20px;
        grid-template-columns:1fr 1fr 1fr */
    }

    main section.highlights nav div .icon {
        display: block;
        margin-bottom:10px
    }

    main section.highlights nav div .label_wrap {
        align-items: start;
        display: inline-block;
        min-height:180px;
    }

    main section.highlights nav div .label_wrap .num {
        padding: 0px 0px 0px 0px;
        font-size:2.6em;
		color:#01537e;
    }
}

@media screen and (min-width: 960px) {
    /* main section.highlights nav {
        grid-template-columns:1fr minmax(359px, 1fr) minmax(264px, 1fr)
    } */

    main section.highlights nav div .label_wrap {
        align-items: left;
        display: inline-block;
    }

    main section.highlights nav div .label_wrap .label span {
        display:block
    }
}

@media screen and (max-width: 700px) {
    main section.highlights nav div .label_wrap h4,
    main section.highlights nav div .label_wrap p,
    main section.highlights nav div .label_wrap figure {
        text-align: center;
    }
    main section.highlights nav .highlight h4.skyblue,
    main section.highlights nav span.label_wrap {
        width: 90%;
        padding-right: 0px;
    }
}


.map-holder {
  position: relative;
  max-width: 1100px;
  margin: auto;
  background-color: #ccc;
}
.map-inner.desktop {
    display: inline;
}
.map-inner.mobile {
    display: none;
}
@media screen and (max-width: 700px) {
    .map-holder {
        margin-left: -20px;
        margin-right: -20px;
    }
    .map-inner.desktop {
        display: none;
    }
    .map-inner.mobile {
        display: inline;
    }
    main .map-inner p {
        text-align: left;
        padding-top: 30px;
        margin-bottom: -30px;
    }
}
.map-holder img {
  display: block;
  width: 100%;
}

.map-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 95%;
  padding: 0px;
  background-color: #fff;
  transition: all 300ms ease-in;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 24px rgba(0,0,0,0.22);
  opacity: 0;
  visibility: hidden;
}

.map-popup > *:first-child { margin-top: 0; }
.map-popup > *:last-child { margin-bottom: 0; }

.map-popup.open {
  opacity: 1;
  visibility: visible;
}

.marker {
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 36px;
  height: 58px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 300ms;
  background: url(https://images.musicmagpie.co.uk/images/campaignpages/rental-revolution/img/tag.svg) no-repeat;
}
.marker1 {top: 45%;left: 33%;}
.marker2 {top: 20.5%;left: 49.5%;}
.marker3 {top: 41.5%;left: 66.5%;}
.marker4 {top: 51.5%;left: 69.5%;}
/* .marker5 {top: 56%;left: 62%;} */
.marker6 {top: 56%;left: 62%;}
.marker7 {top: 66%;left: 63%;}
.marker8 {top: 71%;left: 53.5%;}
.marker9 {top: 59.7%;left: 75.2%;}
.marker10 {top: 67%;left: 86.2%;}
.marker11 {top: 77.3%;left: 78.8%;}
.marker12 {top: 79.3%;left: 72.8%;}
.marker13 {top: 84%;left: 52%;}

@media only screen and (min-width:48em) {
  .map-item {position: absolute;width: 36px;height: 36px;}
  .map-item .marker {top: auto; left: auto;}
  .map-item1 {top: 45%;left: 33%;}
  .map-item2 {top: 20.5%;left: 49.5%;}
  .map-item3 {top: 41.5%;left: 66.5%;}
  .map-item4 {top: 51.5%;left: 69.5%;}
  /* .map-item5 {top: 56%;left: 62%;}  */
  .map-item6 {top: 56%;left: 62%;}
  .map-item7 {top: 66%;left: 63%;}
  .map-item8 {top: 71%;left: 53.5%;}
  .map-item9 {top: 59.7%;left: 75.2%;}
  .map-item10 {top: 67%;left: 86.2%;}
  .map-item11 {top: 77.3%;left: 78.8%;}
  .map-item12 {top: 79.3%;left: 72.8%;}
  .map-item13 {top: 84%;left: 52%;}

  .map-popup {
    position: absolute;
    left: 58px;
    width: 640px;
    transform: translateY(-50%);
  }
  .map-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 16px 0;
    border-color: transparent #000 transparent transparent;
  }

  .map-popup.edge {
    left: auto;
    right: calc(100% + 24px);
  }
  .map-popup.edge:before {
    left: auto;
    right: -16px;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #000;
  }
}

/* pulsing */
.marker {
	border-radius: 50%;
    width: 36px;
    height: 36px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	transform: scale(1);
	animation: pulse 2s infinite;
}
.marker:focus{
    outline: none;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}


main section.map {
    background-color: #00101f;
    color:#fff
}

main section.map .image {
    padding: 150px 0 100px
}
main section.map .map-holder {
    padding: 150px 0 100px;
    height: 1259px;
    background: url(https://images.musicmagpie.co.uk/images/campaignpages/rental-revolution/img/map-small.png);
    background-size: 1060px 1259px;
}

@media screen and (min-width: 700px) {
    main section.map .h2_wrap h2:before {
        border-bottom:5px solid #f9db7a;
    }

    main section.map .text {
        columns: 2;
        column-gap: 40px;
        widows: 3;
        orphans: 0;
    }
}
@media screen and (max-width: 700px) {
    main section.map .text p {
        text-align: left;
    }
}



main section.thinglink {
    /* background-color: #d8eeff; */
    background-color: #24C055;
    color:#000000;
}

.inner-thinglink {
    max-width: 100%;
    margin: auto;
    padding:40px 0px 0px
}

.inner-thinglink-wrapper {
    max-width: 1100px;
    margin: auto;
    position: absolute;
    padding:40px 20px 20px
}

.thinglink-holder {
	width: 100%;
    padding-top: 250px;
	/* height: 2000px; */
	position: relative
  }

  .thinglink-frame {
	width: 100%;
	height: 100%;
  }

  .thinglink-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
  .thinglink-overlay .h2_wrap {
	width: 60%;
  }

  .thinglink-overlay p {
	width: 40%;
	padding: 40px 0px 0px 40px;
  }

  .thinglink-overlay .inner {
	padding: 40px 0px 40px 0px;
  }

@media screen and (min-width: 700px) {
    main section.thinglink .h2_wrap h2:before {
        border-bottom:5px solid #39f
    }
}

@media screen and (min-width: 700px) {
    main section.thinglink .text {
        columns: 2;
        column-gap:40px
    }
}
@media screen and (max-width: 700px) {
    .thinglink-holder {
        padding-top: 0px;
      }
	.thinglink-overlay .h2_wrap {
	  width: 100%;
	}

	.thinglink-overlay p {
        width: 60%;
        text-align: left;
        padding: 20px 0px 0px 20px;
        font-size: 80%;
        line-height: 120%;
	}
	.thinglink-overlay .inner {
        padding-top: 0px;
	}
}


main section.renting {
    background-color: #00101f;
    color:#fff
}

main section.renting .image {
    padding: 150px 0 100px
}




/* main section.renting .d {
    display:none
} */

@media screen and (min-width: 700px) {
    main section.renting .h2_wrap h2:before {
        border-bottom:5px solid #f9db7a;
    }
    /* main section.renting .d {
        display:block
    }

    main section.renting .m {
        display:none
    } */

    main section.renting .text {
        columns: 2;
        column-gap: 40px;
        widows: 3;
        orphans: 0;
    }
}

@media screen and (max-width: 700px) {
    main section.renting .text p {
        text-align: left;
    }
}



main section.subscribe {
    background-color: #fff;
    color:#000;
    /* background-image: url(img/subscribe-car.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
    background-position-y: center;
    background-size: 500px; */

}

main section.subscribe .image {
    padding: 100px 0 100px
}
main section.subscribe .inner .text > .offscreen-image {
    margin-left: -500px;
    margin-right: 250px
}
main section.subscribe .inner .text > .list {
    margin-left: -200px;
}

main section.subscribe .offscreen-image {
}

main section.subscribe .text div p {
    line-height: 3em;
}

main section.subscribe .text div p span {
    color: #2d88fc;
    font-family: var(--font-family--heading);
    font-size: 3em;
    font-weight: 900;
    padding-right: 20px;
    margin-bottom: 30px;
    vertical-align: middle;
}

@media screen and (max-width: 999px) {
    main section.subscribe .image {
        padding: 250px 0 250px;
    }
}
@media screen and (min-width: 700px) {
    main section.subscribe .h2_wrap h2:before {
        border-bottom:5px solid #2d88fc;
    }
    main section.subscribe h2 {
        margin-left: 0px;
        color: #2d88fc;
        text-transform: none;
        font-size: 2em;
    }
    main section.subscribe .list p {
        width: 45%;
        display: block;
        float: left;
    }
    main section.subscribe .text {
        columns: 2;
        column-gap: 40px;
        widows: 3;
        orphans: 0;
    }
    main section.subscribe .inner > p  {
        padding-top:60px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 999px) {
    main section.subscribe .inner .text > .offscreen-image {
        margin-left: -500px;
        margin-right: 0px;
    }
    main section.subscribe .inner .text > .list {
        margin-left: 0px;
    }
    main section.subscribe .list p {
        width: 90%;
        display: block;
        float: left;
    }
}

@media screen and (max-width: 699px) {
    main section.subscribe .inner .text > .offscreen-image {
        margin-left: 0px;
        margin-right: 0px;
    }
    main section.subscribe .image {
        padding: 0px 0 0px;
    }
    main section.subscribe {
        background-position-x: left;
        background-position-y: bottom;
    }
    main section.subscribe .text div p {
        text-align: left;
    }
    main section.subscribe .text  {
        padding-bottom:20px;
    }
    main section.subscribe .inner > p  {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: left;
    }
    main section.subscribe .image {
        padding: 0px 0px 50px 0px;
    }
    main section.subscribe .inner .text > .offscreen-image {
        margin-left: 0px;
        margin-right: 0px
    }
    main section.subscribe .inner .text > .list {
        margin-left: 0px;
    }
}



main section.best_time {
    background-color: #fff;
    color:#000;
    background-image: url(https://images.musicmagpie.co.uk/images/campaignpages/rental-revolution/img/own-outright-image.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    background-position-y: center;
    background-size: 455px 600px;

}

main section.best_time .image {
    padding: 40px 0 40px
}

main section.best_time .text div p {
    line-height: 3em;
}

main section.best_time .text div p span {
    color: #fa9c43;
    font-family: var(--font-family--heading);
    font-size: 3em;
    font-weight: 900;
    padding-right: 20px;
    margin-bottom: 30px;
    vertical-align: middle;
}

@media screen and (min-width: 700px) {
    main section.best_time .h2_wrap h2:before {
        border-bottom:5px solid #fa9c43;
    }
    main section.best_time .h2_wrap {
       width: 600px;
    }
    main section.best_time h2 {
        margin-left: 0px;
        color: #000;
        text-transform: uppercase;
    }
    main section.best_time .list p {
        width: 45%;
        display: block;
        float: left;
    }

    /* main section.best_time .text {
        columns: 2;
        column-gap: 40px;
        widows: 3;
        orphans: 0;
        margin-left: 0px;
    } */
}
@media screen and (max-width: 699px) {
    main section.best_time {
        background-position-x: right;
        background-position-y: bottom;
        padding-bottom: 300px;
    }
    main section.best_time .text div p {
        text-align: left;
    }
    main section.best_time .text  {
        padding-bottom:220px;
    }
}






main section.environment {
    background-color: #2d88fc;
    color:#d8eeff;
    /* background-image: url(img/environment-globe.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
    background-position-y: center;
    background-size: 300px; */

}

main section.environment .image {
    padding: 200px 0 40px
}

main section.environment .text div p {
    line-height: 3em;
}

main section.environment .text div p span {
    color: #d8eeff;
    font-family: var(--font-family--heading);
    font-size: 3em;
    font-weight: 900;
    padding-right: 20px;
    margin-bottom: 30px;
    vertical-align: middle;
}

@media screen and (min-width: 700px) {

    main section.environment .image {
        padding: 0px 0 0px;
    }
    main section.environment .h2_wrap h2:before {
        border-bottom:5px solid #01537e;
    }
    main section.environment .h2_wrap {
        width: 600px;
    }
    main section.environment h2 {
        color: #d8eeff;
        text-transform: uppercase;
    }
    main section.environment h3 {
        color: #01537e;
        text-transform: none;
        font-size: 3.5em;
        margin: 0px 0px 0px 0px;
        letter-spacing: -0.01em;
    }
}
@media screen and (min-width: 999px) {

    main section.environment .image {
        padding: 200px 0 40px;
    }

    main section.environment .text-grid {
        display: grid;
        grid-gap: 0px;
        grid-template-columns: 1fr 1fr 2fr;
    }
    main section.environment .text-grid .offscreen-image {
        margin-left: -600px;
        margin-right: 500px;
    }
    main section.environment .text-grid .onscreen-text-left {
        margin-left: -100%;
        margin-right: 100%;
    }
    main section.environment .text-grid .onscreen-text-right {
        margin-left: -50%;
        padding-left: 50px;
    }
}
@media screen and (max-width: 699px) {
    main section.environment .image {
        padding: 0px 0 0px;
    }
    main section.environment {
        padding-bottom: 60px;
    }
    main section.environment .text-grid div p {
        text-align: left;
        margin-left: 0px;
    }
    main section.environment .text  {
        padding-bottom:220px;
    }
    main section.environment .text-grid .offscreen-image {
        margin-left: 0px;
        margin-right: 0px;
    }
    main section.environment .text-grid .onscreen-text-left {
        margin-left: 0px;
        margin-right: 0px;
    }
    main section.environment .text-grid .onscreen-text-right {
        margin-left: 0px;
    }
}




main section.value {
    background-color:#2d8bfc;
    color: #d8eeff;
}

main section.value h2 {
    max-width:500px;
    color: #d8eeff;
}

main section.value figure {
    margin:0;
}

main section.value figure.most p span {
    background-color:#f66
}

main section.value figure.least p span {
    background-color:#60bb66
}

main section.value figure p {
    font-weight:700
}

main section.value figure p span {
    color: #fff;
    padding:0 5px
}


@media screen and (min-width: 700px) {

    main section.value .h2_wrap h2:before {
        border-bottom:5px solid #01537e;
    }

    main section.value .text-grid {
        display: grid;
        grid-gap: 40px;
        grid-template-columns:1fr 1fr
    }

    main section.value .text-grid h3 {
        text-align: left;
        max-width:100%
    }

    main section.value .text-grid h3:nth-child(1) {
        margin-top:0
    }

    main section.value .text {
        columns: 2;
        column-gap: 40px;
        widows: 10;
        orphans:10
    }

    main section.value .text h3 {
        text-align: left;
        max-width:100%
    }

    main section.value .text h3.full-col {
        column-span: all;
        width: calc(50% - 20px);
        margin:0 0 40px
    }

    main section.value .text p.full-col {
        column-span:all
    }

    main section.value .text div {
        break-inside:avoid
    }

    main section.value .text div:nth-child(1) h3:nth-child(1) {
        margin-top:0
    }

    main section.value .text .figure_wrap {
        column-span: all;
        columns: 2;
        column-gap: 40px;
        margin:40px 0
    }

    main section.value .text .figure_wrap figure {
        margin:0
    }

}
@media screen and (max-width: 700px) {
    main section.value .text-grid p {
        text-align: left;
    }
    main section.value .text-grid div {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 700px) {
    main section.introduction .h2_wrap h2:before {
        border-bottom:5px solid #fa9c43
    }
}

main section.introduction .cta {
    display: none;
    margin: 4em 0;
    text-align:center
}

main section.introduction .cta p {
    margin: 2em 0;
    font-style:italic
}

main section.introduction .cta a.big {
    background-color: #0C9038;
    color: #fff;
    text-transform: uppercase;
    padding: 1em 2em;
    text-decoration: none;
    border-radius: 10px;
    font-style:normal
}

main section.introduction figure.interactive_chart {
    margin: 40px 0;
    text-align:center
}

main section.introduction figure.interactive_chart p.b {
    text-align: center;
    margin:20px 0
}

main section.introduction figure.interactive_chart .flex {
    display: flex;
    margin: 40px 0;
    justify-content: space-around;
    align-items:center
}

main section.introduction figure.interactive_chart .flex #phone-list {
    height: 36px;
    overflow: visible;
    position:relative
}

main section.introduction figure.interactive_chart .flex #phone-list label, main section.introduction figure.interactive_chart .flex #phone-list input {
    margin-bottom:0
}

@media screen and (min-width: 700px) {
    main section.introduction figure.interactive_chart .flex #phone-list label {
        width: 100px;
        display:inline-block
    }
}

main section.introduction figure.interactive_chart .flex #phone-list input {
    border: 1px solid rgba(171, 191, 215, .5);
    box-shadow:inset 0 0 4px rgba(171, 191, 215, .3)
}

@media screen and (min-width: 700px) {
    main section.introduction figure.interactive_chart .flex #phone-list input {
        width: calc(100% - 110px);
        display:inline-block
    }
}

main section.introduction figure.interactive_chart .flex #phone-list .list {
    position: absolute;
    right: 2px;
    top: 40px;
    padding: 0;
    background-color: #f7fcff;
    box-shadow: 0 1px 2px rgba(0, 16, 31, .2);
    overflow-y: auto;
    max-height: 300px;
    width:180px
}

main section.introduction figure.interactive_chart .flex #phone-list .list.hide {
    display:none
}

main section.introduction figure.interactive_chart .flex #phone-list .list li {
    list-style: none;
    cursor: pointer;
    padding: 10px 0;
    margin: 0;
    line-height:2em
}

main section.introduction figure.interactive_chart .flex #phone-list .list li:hover {
    background-color:#ecf7ff
}

main section.introduction figure.interactive_chart .flex #phone-list .list li.hide {
    display:none
}

main section.introduction figure.interactive_chart .flex #phone-list .list li p {
    margin:0
}

main section.introduction figure.interactive_chart .button {
    display:none
}

main section.introduction figure.interactive_chart .mobile_button {
    display: block;
    margin-top:40px
}

@media screen and (min-width: 700px) {
    main section.introduction figure.interactive_chart .mobile_button {
        display:none
    }

    main section.introduction figure.interactive_chart .button {
        display:block
    }
}

main section.introduction figure.interactive_chart .chart-wrap {
    max-width: 1000px;
    height: 500px;
    margin:auto
}

main section.introduction figure.interactive_chart .cta {
    display:block
}

@media screen and (min-width: 700px) {
    main section.introduction .text {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        grid-gap:40px
    }

    main section.introduction .text > div {
        break-inside:avoid
    }

    main section.introduction .text .cta {
        display:block
    }

    main section.introduction .text .cta p {
        text-align: center;
        font-weight: 700;
        font-size: .9em;
        font-style:normal
    }

    main section.introduction .text figure {
        margin:0 0 60px
    }

    main section.introduction .text figure .cta {
        display:none
    }

    main section.introduction .text figure p {
        text-align:center
    }

    main section.introduction .text figure .chart-wrap {
        height:350px
    }

    main section.introduction .text figure canvas {
        width:100% !important
    }

    main section.introduction .text figure #phone-list {
        margin-right:20px
    }
}

main section.iphone {
    background-color: #00101f;
    color:#fff
}
main section.iphone .sidedial p {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    margin-top: 30px;
}


main section.iphone .sidedial {
    padding-top: 30px;
    text-align: center;
}

main section.iphone nav {
    clear: both;
}
main section.iphone figure {
    margin:40px 0;
    text-align: center;
}
main section.iphone .inner .text > div.iphone-head  {
    float: none;
    width: 100%;
}

main section.iphone nav p.label {
    text-align:center;
}
@media screen and (min-width: 700px) {

    main section.iphone .sidedial {
        padding-top: 0px;
    }
    main section.iphone .inner .text > div.iphone-head  {
        float: left;
        width: 600px;
    }
    main section.iphone .h2_wrap h2 {
        color:#d8eeff;
    }

    main section.iphone .h2_wrap h2:before {
        border-bottom:5px solid #f9db7a;
    }

    main section.iphone nav {
        display: grid;
        grid-gap: 20px;
        grid-template-columns:1fr 1fr 1fr
    }

    main section.iphone nav div .icon {
        display: block;
        margin-bottom:10px
    }

    main section.iphone nav div .label_wrap {
        align-items: start;
        display: inline-block;
        min-height:180px;
    }

    main section.iphone nav div .label_wrap .num {
        padding: 0px 0px 0px 0px;
        font-size:2.6em;
		color:#01537e;
    }
}

@media screen and (min-width: 960px) {
    main section.iphone nav {
        grid-template-columns:1fr minmax(359px, 1fr) minmax(264px, 1fr)
    }

    main section.iphone nav div .label_wrap {
        align-items: left;
        display: inline-block;
    }

    main section.iphone nav div .label_wrap .label span {
        display:block
    }
}

main section.iphone .text-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns:1.5fr 1fr
}

main section.iphone .text-grid h3 {
    text-align: left;
    max-width:100%
}

main section.iphone .text-grid h3:nth-child(1) {
    margin-top:0
}


main section.dotted {
    /* border-top: 5px dashed;
    border-color: #2996ff; */
    background-image: linear-gradient(to right, rgb(41, 151, 255) 60%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 35px 5px;
    background-repeat: repeat-x;
}

main section.divides {
    background-color:#d8eeff;
}

main section.divides figure {
    margin: 0px 0px 0px 0px;
}

main section.divides#dividestwo figure,
main section.divides#dividesthree figure {
    margin: 0px 0px 60px 0px;
}

/* main section.divides .d {
    display:none
} */

@media screen and (min-width: 1000px) {
    /* main section.divides .d {
        display:block
    }

    main section.divides .m {
        display:none
    } */
}

@media screen and (min-width: 960px) {
    main section.divides .text {
        columns: 2;
        column-gap:40px
    }

    main section.divides .text > div {
        break-inside:avoid
    }

    main section.divides .text > div:nth-child(1) {
        column-span: all;
        margin-bottom:40px
    }

    main section.divides .text > div:nth-child(1) h3 {
        margin-top:0
    }

    main section.divides .text h3 {
        max-width: 100%;
        text-align:left
    }

    main section.divides .text figure {
        margin:0 0 40px
    }
}

main section.divides nav {
    display:grid
}

main section.divides nav div {
    display: block;
    margin: 10px 0;
    color: inherit;
    text-decoration: none;
    transition:all 100;
    margin-left: auto;
    margin-right: auto;
}


main section.divides nav div .label_wrap h4 {
    font-family: var(--font-family--heading);
    font-weight: 700;
    letter-spacing: 1px;
}

main section.divides nav div .label_wrap  {
    /* width:300px; */
    height: 500px;
	padding-bottom: 40px;
}
main section.divides nav div .label_wrap figure {
	padding-bottom: 20px;
    display: inline-block;
}
main section.divides nav div .label_wrap p.label.split {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    padding-top: 0px;
}
main section.divides nav div .label_wrap .num {
	padding: 0px;
	font-size:2.6em;
    line-height:1em;
	color:#01537e;
}
main section.divides nav div .label_wrap p {
    font-family: var(--font-weight--normal);
    font-weight: 300;
    letter-spacing: -0.2px;
}

main section.divides nav figure,
main section.divides nav p {
    text-align: center;
}
main section.divides .inner p.left {
    padding-top: 50px;
    text-align: left;
}

@media screen and (min-width: 960px) {
    main section.divides#divides figure.left,
    main section.divides#dividestwo figure.left,
    main section.divides#dividesthree figure.left {
        text-align: left;
    }

    main section.divides nav div .label_wrap figure {
        padding-bottom: 0px;
        display: block;
        width: 100%;
    }
    main section.divides nav div .label_wrap p.label.split {
        display: block;
        width: 100%;
    }
    main section.divides .h2_wrap h2:before {
        border-bottom:5px solid #5cbc62;
    }

    main section.divides nav {
        display: grid;
        grid-gap: 20px;
        grid-template-columns:1fr 1fr 1fr
    }

    main section.divides nav div .icon {
        display: block;
        margin-bottom:10px
    }

    main section.divides nav div .label_wrap {
        align-items: start;
        display: inline-block;
        min-height:180px;
    }

    main section.divides nav div .label_wrap .num {
        padding: 0px 0px 0px 0px;
        font-size:2.6em;
		color:#01537e;
    }
}

@media screen and (min-width: 960px) {
    main section.divides nav {
        grid-template-columns:1fr minmax(359px, 1fr) minmax(264px, 1fr)
    }

    main section.divides nav div .label_wrap {
        align-items: left;
        display: inline-block;
    }

    main section.divides nav div .label_wrap .label span {
        display:block
    }
}

@media screen and (min-width: 960px) {

    main section.divides .h2_wrap h2:before {
        border-bottom:5px solid #01537e;
    }

    main section.divides .text-grid {
        display: grid;
        grid-gap: 40px;
        grid-template-columns:1fr 1fr
    }

    main section.divides .text-grid h3 {
        text-align: left;
        max-width:100%
    }

    main section.divides .text-grid h3:nth-child(1) {
        margin-top:0
    }

    main section.divides .text {
        columns: 2;
        column-gap: 40px;
        widows: 10;
        orphans:10
    }

    main section.divides .text h3 {
        text-align: left;
        max-width:100%
    }

    main section.divides .text h3.full-col {
        column-span: all;
        width: calc(50% - 20px);
        margin:0 0 40px
    }

    main section.divides .text p.full-col {
        column-span:all
    }

    main section.divides .text div {
        break-inside:avoid
    }

    main section.divides .text div:nth-child(1) h3:nth-child(1) {
        margin-top:0
    }

    main section.divides .text .figure_wrap {
        column-span: all;
        columns: 2;
        column-gap: 40px;
        margin:40px 0
    }

    main section.divides .text .figure_wrap figure {
        margin:0
    }

}

main section.choose nav {
    display:grid
}

main section.choose nav div {
    display: block;
    margin: 10px 0;
    color: inherit;
    text-decoration: none;
    transition:all 100;
    margin-left: auto;
    margin-right: auto;
}


main section.choose nav div .label_wrap h4 {
    font-family: var(--font-family--heading);
    font-weight: 700;
    letter-spacing: 1px;
}

main section.choose nav div .label_wrap  {
    width:300px;
    height: 400px;
	padding-bottom: 40px;
}
main section.choose nav div .label_wrap figure {
	padding-bottom: 20px;
}
main section.choose nav div .label_wrap .num {
	padding: 0px;
	font-size:2.6em;
    line-height:1em;
	color:#01537e;
}
main section.choose nav div .label_wrap p {
    font-family: var(--font-weight--normal);
    font-weight: 300;
    letter-spacing: -0.2px;
}

main section.choose nav figure,
main section.choose nav p {
    text-align: center;
}

@media screen and (min-width: 700px) {

    main section.choose .h2_wrap h2:before {
        border-bottom:5px solid #5cbc62;
    }

    main section.choose nav {
        display: grid;
        grid-gap: 20px;
        grid-template-columns:1fr 1fr 1fr
    }

    main section.choose nav div .icon {
        display: block;
        margin-bottom:10px
    }

    main section.choose nav div .label_wrap {
        align-items: start;
        display: inline-block;
        min-height:180px;
    }

    main section.choose nav div .label_wrap .num {
        padding: 0px 0px 0px 0px;
        font-size:2.6em;
		color:#01537e;
    }
}

@media screen and (min-width: 960px) {
    main section.choose nav {
        grid-template-columns:1fr minmax(359px, 1fr) minmax(264px, 1fr)
    }

    main section.choose nav div .label_wrap {
        align-items: left;
        display: inline-block;
    }

    main section.choose nav div .label_wrap .label span {
        display:block
    }
}




main section.comment {
    background-color: #D8EEFF;
    color:#000;
}

main section.comment h2 {
    text-align:center
}

main section.comment ul {
    padding-left:20px
}

main section.comment ul li {
    margin-bottom: var(--spacing--small);
    position:relative
}

main section.comment ul li:before {
    position: absolute;
    content: "\2022";
    color: #39f;
    width: 1em;
    font-size: 2em;
    line-height: 1em;
    margin-left: -.7em;
    font-weight: 700;
    display:inline-block
}

main section.comment .small {
    font-size: .9em;
    margin: 40px 0;
    border-top: 1px solid #000;
    padding-top:40px
}

@media screen and (min-width: 700px) {

    main section.comment .h2_wrap h2:before {
        border-bottom:5px solid #39f;
    }

    main section.comment h2 {
        margin-bottom:40px;
    }

    main section.comment h2, main section.comment h3 {
        width: 500px;
        max-width: 100%;
        text-align:left
    }

    main section.comment .text {
        columns: 2;
        column-gap:40px
    }

    main section.comment .text div {
        break-inside:avoid
    }

    main section.comment .text div:nth-child(1) h3 {
        margin-top:0
    }

    main section.comment .text figure {
        margin:0
    }
}




main section.methodology {
    background-color: #000;
    color:#fff
}

main section.methodology h2 {
    text-align:center
}

main section.methodology ul {
    padding-left:20px
}

main section.methodology ul li {
    margin-bottom: var(--spacing--small);
    position:relative
}

main section.methodology ul li:before {
    position: absolute;
    content: "\2022";
    color: #39f;
    width: 1em;
    font-size: 2em;
    line-height: 1em;
    margin-left: -.7em;
    font-weight: 700;
    display:inline-block
}

main section.methodology .small {
    font-size: .9em;
    margin: 40px 0;
    border-top: 1px solid #000;
    padding-top:40px
}

@media screen and (min-width: 700px) {

    main section.methodology .h2_wrap h2:before {
        border-bottom:5px solid #5cbc62;
    }

    main section.methodology h2 {
        margin-bottom:40px;
        color:#d8eeff;
    }

    main section.methodology h2, main section.methodology h3 {
        width: 500px;
        max-width: 100%;
        text-align:left
    }

    main section.methodology .text {
        columns: 2;
        column-gap:40px
    }

    main section.methodology .text div {
        break-inside:avoid
    }

    main section.methodology .text div:nth-child(1) h3 {
        margin-top:0
    }

    main section.methodology .text figure {
        margin:0
    }
}





footer {
    background-color: #2d8bfc;
    color: #000;
    text-align:center
}

footer .logo {
    margin:20px 0px 60px 0px;
}

footer .logo img {
    max-width:150px
}

footer h1 {
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 3vw;
    margin:20px 0 40px
}

footer h1 span {
    display:block
}

footer h1 span.thin {
    font-weight: 100;
    font-size: 1.5em;
    line-height:2em
}

footer h1 span.thick {
    font-size: 2.5em;
    line-height:.9em
}

footer h1 span.blue {
    color:#d8eeff;
}

footer .download p {
    font-weight:700
}

footer .download .button {
    background-color: #009a01;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight:400
}

footer .download .button:hover {
    background-color:#007b01
}

footer .cc {
    margin:60px 0 20px;
    font-size: 75%;
    line-height: 100%;
    text-align: right;
}

@media screen and (min-width: 700px) {
    footer {
        text-align:left
    }

    footer h1 {
        font-size: 1.2em;
        margin:0 0 20px
    }

    footer .inner {
        padding: 10px 20px;
        display: grid;
        grid-gap: 40px;
        grid-template-columns:1fr 1fr
    }

    footer .inner .download {
        text-align: center;
        margin:20px 0 0
    }

    footer .inner .cc {
        margin:40px 0 20px
    }

    footer .flex {
        display: flex;
        align-items:flex-end
    }

    footer .flex .cc p {
        display: flex;
        align-items:center
    }

    footer .flex .cc p span:nth-child(1) {
        margin-right:5px
    }

    footer .flex .cc p span:nth-child(2) {
        flex: 1
    }
}

.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
    display: inline-block;
  }

  .GaugeMeter SPAN, .GaugeMeter B {
    width: 54%;
    position: Absolute;
    text-align: Center;
    display: Inline-Block;
    color: RGBa(255,255,255,.8);
    font-weight: 700;
    font-family: "FuturaPT Bold", Arial;
    overflow: Hidden;
    white-space: NoWrap;
    text-overflow: Ellipsis;
    margin: 0 23%;
    font-size: 2em;
  }

  .GaugeMeter.GaugeMeter1 SPAN {
    font-size: 4em!important;
  }
  .GaugeMeter.GaugeMeter2 SPAN,
  .GaugeMeter.GaugeMeter3 SPAN,
  .GaugeMeter.GaugeMeter4 SPAN,
  .GaugeMeter.GaugeMeter5 SPAN,
  .GaugeMeter.GaugeMeter6 SPAN,
  .GaugeMeter.GaugeMeter7 SPAN,
  .GaugeMeter.GaugeMeter8 SPAN,
  .GaugeMeter.GaugeMeter9 SPAN{
    color: #5cbd62;
    font-size: 3em;
  }
  .GaugeMeter.GaugeMeter10 SPAN{
    color: #02537d;
    font-size: 3em;
  }
  .GaugeMeter.GaugeMeter11 SPAN{
    color: #ff6462;
    font-size: 3em;
  }
  .GaugeMeter.GaugeMeter12 SPAN{
    color: #fb9b43;
    font-size: 3em;
  }
  .GaugeMeter.GaugeMeter13 SPAN{
    color: #2c8bfc;
    font-size: 3em;
  }
  .GaugeMeter.GaugeMeter14 SPAN{
    color: #ffffff;
    font-size: 2.5em;
    float: left;
    padding-right: 20px;
  }

  .GaugeMeter[data-style="Semi"] B {
    width: 80%;
    margin: 0 10%;
  }

  .GaugeMeter S, .GaugeMeter U {
    text-decoration: None;
    font-size: .60em;
    font-weight: 200;
    opacity: .6;
  }

  .GaugeMeter B {
    color: #000;
    font-weight: 200;
    opacity: .8;
  }