:root {
	--orange: #F27425;
	--orange-hover: #E26415;
	--light-orange: #ffefe6;
	--dark-blue: #004E7A;
	--light-blue: #45B6E5;
	--pulse-text: #616161;
	--friday13: #b9141a;
	--friday13-hover: #d9343a;
}

body {color:var(--pulse-text)}
h1,h2,h3,h4,p {font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4 {font-weight:800}
h1 {color:var(--light-blue)}
h4 {color:white}


@media (max-width:767px) {
	h1 {font-size: 35px}
}
@media (min-width: 600px) {
    .container-fluid{
        width: 80vw;
    }
}
@media (min-width: 1250px) {
    .container-fluid{
        width: 60vw;
		max-width:920px
    }
}

.view-centre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}
.position-bottom {
  position: absolute;
  bottom: 100px;
  width:100%
}

.feature-colour {color:var(--light-blue)!important}
.feature-colour2 {color:var(--friday13)!important}

.select-giftcard {color:white;background-color:var(--friday13);padding:20px 30px;font-size:20px;font-weight:900;text-decoration:none;margin-bottom:30px;display:inline-block}
.select-giftcard:hover {color:white;background-color:var(--friday13-hover)}

#background-video  {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}


.banner h1,.banner p {color:white}

.input-note {font-size: .8rem;color:#999}
.btn-primary {background-color: var(--friday13);border:var(--friday13);}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {background-color: var(--friday13-hover);border:var(--friday13-hover);}

#Home, #Customer, #Payment {z-index:10;position: relative;}
#Home{margin-top:3rem;padding-top: 3rem;padding-bottom:3rem;text-align: center;height:100vh}

#Customer,#Payment {margin-top:3rem}
#Customer .container-fluid {background-color: #00000099;}

#Payment .container-fluid {background-color: #00000099;padding-top: 3rem;}
#Payment form,#Customer form {padding:3rem 0}

#Complete {z-index:10;background-color: #00000099;padding: 3rem;color:#fff;text-align: center;width:90vw}
#Complete a {color: var(--friday13);}
@media (min-width:900px) {
	#Complete {width:800px}
}

#giftcardSummary .wrapper {background-color: var(--orange);border: 3px solid var(--orange);border-radius:10px;text-align: center;margin:0 auto 2rem;padding:2rem;max-width:500px;color:#fff}
#productDescription {font-size:2rem}
.giftcard-price {font-size:1.5rem;color:white;margin-bottom:10px}
#productPrice {color:var(--pulse-colour1);margin-bottom:0}

@media (min-width:575px) {
	#Payment form,#Customer form {padding-left:3rem;padding-right:3rem}
}