/* 
Project Name: Blank Template
Client: Your Client
Author: Your Name
*/
/******************************************
/* OVERRIDES
/*******************************************/
.emu-checkout-header [class*="span"] {
float: left;
min-height: 1px;
margin-left: initial;
}

.emu-checkout-header .row {
margin-left: initial;
}

.emu-checkout-header {
width: 988px;
padding: 40px 0;
}


.emu-checkout-disclaimer {
width: 988px;
padding: 10px;
color:#363636;
}



.emu-checkout-header-color {
background-color: #f1f1f1;
}
/******************************************
/* COLOURS
/*******************************************/

/* add a list of colours used in the project */

/******************************************
/* SENSIBLE DEFAULTS                   
/*******************************************/

* {
box-sizing: border-box;
font-variant-ligatures: none;
}

img {
max-width: 100%;
}

/******************************************
/* TYPOGRAPHY
/*******************************************/

/* add type styles here */

.emu-checkout-header h2 {
font-size: 2rem;
letter-spacing: .2rem;
padding: 2rem;

}

.emu-checkout-header h3 {
font-size: 3rem;
}

.emu-checkout-header h2,
.emu-checkout-header h3,
.emu-checkout-header h5 {
color: ;
text-transform: initial;
margin-bottom: 0;
}





/******************************************
/* LAYOUT                   
/*******************************************/


.emu-checkout-header h2 img {
width: 120px;
height: auto;
text-align: center;
}

.img-wrapper {
display:inline;
height: auto;
}


.emu-checkout-disclaimer {
background-color: none;
}
/******************************************
/* ANIMATION
/*******************************************/

/*Keyframes*/



/******************************************
/* HELPER CLASSES
/*******************************************/

/* Clearfix */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear:both;
}

.is-hidden {
display: none;
}

.is-visible {
display: block;
}

.cart-checkout {
    padding-top: 0;
}


/******************************************
/* ADDITIONAL STYLES                   
/*******************************************/


@media screen and (max-width: 979px) {
.emu-checkout-header {
width: 748px;
}

.emu-checkout-disclaimer {
width: 748px;
}
}

@media screen and (max-width: 748px) {
.emu-checkout-header .span24 {
background-color: #fff;
}

.emu-checkout-header h2 img {
margin-top: 5px;
}
.emu-checkout-header {
width: 100%;
}

.emu-checkout-disclaimer {
width: 100%;
}
}


@media screen and (max-width: 600px) {
}

@media screen and (max-width: 500px) {
.emu-checkout-header h2 {
font-size: 1.5rem;
}

.emu-checkout-header {
padding: 20px 0;
}

.emu-checkout-header h2 img {
width: 90px;
}
}

@media screen and (max-width: 450px) {
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 350px) {
.emu-checkout-header h2 img {
display: block;
text-align: center;
}

.emu-checkout-header {
padding: 15px 0;
}

.img-wrapper {
display: inline-block;
}

.emu-checkout-header h2 {
font-family: arial;
font-size: 1.3rem;
}
}

@media screen and (max-width: 300px) {
.emu-checkout-disclaimer p {
font-size:1.2rem;}

}

/*
#ffffff
#f1f1f1 grey 1
#dddddd grey 2
#d2d3d2 grey 3
#b3b4b3 grey 4
#d9e4e5 very light blue
#363636 charcoal
#003b49 dark emu blue
#00758d light emu blue
#c37b53 sienna
#db2f2f red
*/

