#home-page-wrapper p{
    text-transform: none;
}

.whatmate-body {
    background-color: #f4543a;
    font-family: Roboto;
}

.whatmate-p {
    font-family: Open Sans;
}

sup {
    top: -.75em;
    font-size: 50%;
}

input.rounded {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.no-pad-lr {
    padding-left: 0;
    padding-right: 0;
}

.no-pad-r {
    padding-right: 0;
}

.no-pad-l {
    padding-left: 0;
}

.heading {
    text-align: center;
    font-size: 30px;
    color: #666666;
    font-weight: bold;
    margin-top: 10px;
}

.header-line {
    display: block;
    border-top: 5px #666666 solid;
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 6px;
}

p {
    color: #666666;
}

.bg-grey {
    background-color: #f1f2f2;
}


/**************** Home page section *******************/

#WhatmateHomePage {
    overflow: hidden;
    background-color: #f4543a;
}

#WhatmateHomePage .section-home {
    color: #fff;
    /*max-width: 300px;*/
}

#WhatmateHomePage .section-home > h2 {
    color: #fff;
    text-align: left;
    font-weight: bold;
    line-height: 20px;
}

#WhatmateHomePage .section-home > h3 {
    color: #fff;
    text-align: justify;
}

#WhatmateHomePage .section-home > p {
    color: #fff;
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
}

#WhatmateHomePage .section-home-img img {
    max-width: 450px;
    position: absolute;
}

#WhatmateHomePage .btn-section {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: table;
    margin-left: auto;
    background-color: #289a9a;
    border: #34c2c3 1px outset;
    color: #fff;
    padding: 10px 15px;
}

#WhatmateHomePage .btn-container {
    /*margin-top: 20px;*/
}

#WhatmateHomePage .btn-section:hover {
    border-style: inset;
    color: #fff;
}


/* XS */

@media only screen and (max-width: 425px) {
    #WhatmateHomePage .section-home > h1 {
        text-align: center;
    }
    #WhatmateHomePage .btn-container {
        margin-top: 5px;
    }
}


/********************* Message section *************************/

#MessagePage {
    overflow: hidden;
}

#MessagePage img {
    max-width: 450px;
    position: absolute;
}

#MessagePage h4 {
    color: #f66500;
    text-align: justify;
    line-height:2em;
}

#MessagePage p {
    text-align: justify;
    line-height:2em;
}

/********************* Forms section *************************/

#FormsPage .heading {
    color: #fff;
}

#FormsPage .header-line {
    border-top-color: #fff;
}

#FormsPage .title {
    color: #fff;
    font-weight: bold;
    line-height: 2em;
    text-transform: none;
}

#FormsPage .title.center {
    text-align: center;
}

#FormsPage .content-left {
    text-align: right;
}

#FormsPage .feature p {
    margin-bottom: 0;
    color: #fff;
}

#FormsPage .feature {
    font-size: initial;
}


/* XS */

@media only screen and (max-width: 425px) {
    #FormsPage .feature {
        margin-top: 20px;
        text-align: center;
    }
}


/* SM */

@media only screen and (min-width: 768px) {
    #FormsPage .feature {
        margin-top: 20%;
        font-size: 14px;
    }
}


/* MD */

@media only screen and (min-width: 1024px) {
    #FormsPage .feature {
        margin-top: 35%;
    }
}


/* LG */

@media only screen and (min-width: 1025px) {
    #FormsPage .feature {
        margin-top: 40%;
        font-size: 18px;
    }
    #FormsPage .feature p {
        font-size: 16px;
    }
}

/********************* Functions section *************************/

#FunctionsPage .heading {
    color: #fff;
    background-color: #f4543a;
}

#FunctionsPage .header-line {
    border-top-color: #fff;
}

/********************* Solutions 1 section *************************/

#SolutionsPage1{
    background-color: #fff;
}

#SolutionsPage1 p{
    color: #666666;
    text-align: center;
}

/********************* Solutions 2 section *************************/

#SolutionsPage2 p{
    color: #666666;
    text-align: center;
}

/********************* Slider section *************************/

#SliderPage .heading {
    color: #fff;
    background-color: #f4543a;
}

#SliderPage .header-line {
    border-top-color: #fff;
}

#SliderPage .carousel-control.left,
#SliderPage .carousel-control.right {
    background-image: none
}


/********************* Get app section *************************/

#GetApp .apps img {
    margin-top: 20px;
    margin-bottom: 10px;
}

#GetApp .title {
    color: #f66500;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}


/********************* Usage section *************************/

#UsagePage h2 {
    color: #fff;
    text-align: center;
}

#UsagePage .heading {
    color: #fff;
}

#UsagePage .header-line {
    border-top-color: #fff;
}

#UsagePage .number {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

#UsagePage .title {
    color: #fff;
    text-align: center;
    font-size: 25px;
}

#UsagePage .title label {
    border-top: #fff 3px solid;
}

#UsagePage .data > div {
    margin-bottom: 30px;
}


/********************* Footer section *************************/

#Footer {
    background-color: #c9c7c9;
    text-align: center;
}

#Footer .social-links a{
    display: inline-block;
}

#Footer .social-links,
#Footer .social-links img {
    width:50%;
    margin-top: 5px;
}

#Footer p {
    color: #000;
    margin-top: 15px;
    margin-bottom: 5px;
}