body {
        font-family: 'Work Sans', sans-serif;
    }
    
    .icon {
        max-height: 70px;
        max-width: auto;
    }
    
    .navbar {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }
    
    .nav-link {
        font-weight: bold;
        color: #212121;
    }
    
    .navbar-toggler {
        border-color: black;
    }
    
    .navbar-toggler:hover {
        border-color: #B23030;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    
    .navbar-toggler-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(178, 48, 48)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    
    .mainsection {
        height: 100%;
        width: 100%;
        background-image: url("images/mainimage.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 94px;
    }
    
    .tagline {
        color: #FFFFFF;
        text-align: left;
        font-weight: bold;
    }
    
    .appdescription {
        color: #FFFFFF;
        text-align: left;
        font-weight: normal;
    }
    
    .googleplayimage {
        max-height: 100px;
        max-width: auto;
    }
    
    .appstoreimage {
        max-height: 100px;
        max-width: auto;
    }
    
    .appdownload {
        max-width: 130px;
        max-height: auto;
    }
    
    .appcolumn {
        text-align: right;
    }
    
    .cardheight {
        height: 100%;
    }
    
    .screens {
        width: 90%;
        height: auto;
    }
    
    .selectedscreen {
        width: 60%;
        height: auto;
    }
    
    @media (max-width: 767px) {
        .screens {
            width: 60%;
            height: auto;
        }
        .selectedscreen {
            width: 60%;
            height: auto;
        }
        .goapptivicon {
            text-align: center;
        }
        .appcolumn {
            text-align: center;
        }
        .togglevisibility
        {
            display: none;
        }

        .catchyphrase{
            padding-left: 24px !important;
            padding-right: 24px !important;
        }
    }

    @media (max-width: 426px) {
        .tagline {
            color: #FFFFFF;
            text-align: left;
            font-weight: bold;
            font-size: 22px !important;
        }
        .appdescription {
            color: #FFFFFF;
            text-align: left;
            font-weight: normal;
            font-size: 18px !important;
        }
        .googleplayimage {
            max-height: 55px !important;;
            max-width: auto;
        }
        .appstoreimage {
            max-height: 55px !important;;
            max-width: auto;
        }
        .icon
        {
            max-height: 49px;
        }

        .catchyphrase{
            padding-left: 24px !important;
            padding-right: 24px !important;
        }

        .mainsection
        {
            margin-top: 77px !important;
        }
    }
    
    @media (max-width: 1280px) {
        .tagline {
            color: #FFFFFF;
            text-align: left;
            font-weight: bold;
            font-size: 25px;
        }
        .appdescription {
            color: #FFFFFF;
            text-align: left;
            font-weight: normal;
            font-size: 20px;
        }
        .googleplayimage {
            max-height: 70px;
            max-width: auto;
        }
        .appstoreimage {
            max-height: 70px;
            max-width: auto;
        }
        .appscreen {
            width: 180px;
            height: auto;
        }
    }
    
    .appscreen {
        max-width: 240px;
        max-height: auto;
    }
    
    .goapptivlogo {
        width: 200px;
        height: auto;
    }
    
    .footerbutton {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #B23030;
        color: #FFFFFF;
        border: none;
        margin-bottom: 20px;
        font-size: 24px;
    }
    
    .rectangle {
        height: 10px;
        width: 66px;
        background-color: #B23030;
        border-radius: 20px;
    }
    
    .cardicon {
        max-height: 65px;
        max-width: 65px;
    }
    
    .catchyphrase {
        padding-left: 50px;
    }
    
    .paddingtop {
        padding-top: 50px;
    }
    
    .paddingbottom {
        padding-bottom: 35px;
    }
    
    .card {
        background-color: #B23030;
        padding-top: 30px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 20px;
        border: none;
    }
    
    h2 {
        font-size: 30px;
    }
    
    h3 {
        font-size: 26px;
    }
    
    h4 {
        font-size: 22px;
    }
    
    h5 {
        font-size: 18px;
    }
    
    .nav-link:hover {
        color: #B23030;
    }
    
    .bold {
        font-weight: bold;
    }
    
    .maincontent {
        vertical-align: middle;
    }
    
    .center {
        text-align: center;
    }
    
    .card-title {
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .card-subtitle {
        color: #FFFFFF;
    }
    
    .card-text {
        color: #FFFFFF;
    }
    
    .howitworks {
        background-color: #E0ACAC;
    }
    
    .appvideo {
        background-color: #B23030;
        border-radius: 20px;
    }
    
    
    .footerbutton:hover {
        width: 50px;
        height: 50px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .appdownload:hover {
        max-width: 140px;
        max-height: auto;
    }