.gw-bg-cream {
    background-color: #efe1cd;
}
.gw-bg-sand {
    background-color: #ded0b8;
}
.gw-bg-mustard {
    background-color: #f2c14e;
}
.gw-bg-terracotta {
    background-color: #d97a55;
}
.gw-bg-rust {
    background-color: #b8431f;
}
.gw-bg-light-grey {
    background-color: #dfdfdf;
}
.gw-bg-grey {
    background-color: #bfbfbf;
}
.gw-bg-dark-grey {
    background-color: #474747;
}

.gw-int-pad {
    padding-right: 50px;
    padding-left: 50px;
}
.gw-logo {
    width: 300px;
    margin-bottom: 40px;
}

/* Text-only half rows.
   .pan-tb-pad and .gw-int-pad add no vertical padding at xl, because the
   normal pattern pairs a text panel with a 16:9 video that sets the row
   height. Where two text panels sit side by side there is nothing to set
   it, so they need their own. Below 1200px the existing rules take over. */
@media (min-width: 1200px) {

.gw-pad-v {
    padding-top: 100px;
    padding-bottom: 100px;
}

}


/*--------------------------------------------------
Medium devices (less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {

.gw-int-pad {
    padding-right: 80px;
    padding-left: 80px;
    padding-top: 100px;
    padding-bottom: 100px;
}
	
}



/*--------------------------------------------------
IPAD Medium devices (less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.gw-int-pad {
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 0px;
    padding-bottom: 0px;
}
	
}



/*--------------------------------------------------
Nexus 7 Small devices (less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.gw-int-pad {
    padding-right: 50px;
    padding-left: 50px;
}
.gw-logo {
    width: 240px;
}

}



/*--------------------------------------------------
IP 6 6+, 7+ - (less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {
    
.gw-int-pad {
    padding-right: 40px;
    padding-left: 40px;
}
.gw-logo {
    width: 190px;
    margin-bottom: 20px;
}

}