.tw-bg-yellow {
    background-color: #f4ba4c;
}
.tw-bg-light-yellow {
    background-color: #ffe59a;
}
.tw-bg-light-blue {
    background-color: #c1d8e0;
}
.tw-bg-dark-orange {
    background-color: #fd7f47;
}
.tw-bg-blue {
    background-color: #75abb5;
}
.tw-bg-light-grey {
    background-color: #dfdfdf;
}
.tw-bg-grey {
    background-color: #bfbfbf;
}
.tw-bg-dark-grey {
    background-color: #474747;
}

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


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

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



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

.tw-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) {

.tw-int-pad {
    padding-right: 50px;
    padding-left: 50px;
}
.tw-logo {
    width: 130px;
}

}



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

}