body {
            font-family: Helvetica, Arial, sans-serif;
            background-color: #f2f2f2;
            margin: 0;
        }

        .container {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            background-color: #fff;
            padding: 20px;
            box-sizing: border-box;
            height: auto;
        }

        .header {
            width: 90%;
            height: 5%;
            background-color: #2e465b;
            border-bottom: 2px solid #38c085;
            padding: 20px;
            color: #fff;
            box-sizing: border-box;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
        }

        .cv_logo {
            height: 70px;
            border-radius: 10px;
            float: left;
            margin-right: 20px;
        }

        .headings {
            margin: 6px;
        }

        .headings h1 {
            margin: 0;
        }

        h1.subheading {
            font-size: 18px;
        }

        h2 {
            font-size: 20px;
            color: #2e465b;
        }

        p {
            line-height: 22px;
        }

        a {
	        color: #38c085;
        }

        a:visited {
            color: #38c085;
        }

        a:hover {
            color: #ffc11a;
        }

        .screenshots {
            height: 400px;
            border: 1px solid #2e465b;
        }

        img.landscape {
            height: 400px;
            border: 1px solid #2e465b;
        }

        section {
            position: relative;
        }

        section img {
            position: relative;
        }

        img.download_img_apple {
            display: inline-block;
            cursor: pointer;
            height: 65px;
            padding-left: 0px;
            margin-top: 15px;
            margin-bottom: 5px;
        }


        img.download_img_google {
            height: 84px;
        }

        .text {
            width: 60%;
            position: absolute;
            left: 270px;
            top: 0;
        }

        hr {
            width: 100%;
            border: none;
            border-top: 1px solid #ddd;
            margin: 30px 0;
        }

        section.qr_section {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 30%;
            margin: 0 auto;
            max-width: 900px;
            padding: 40px 20px;
        }

        .store {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .appstore_qr {
            height: 200px;
        }

        .playstore_qr {
            height: 200px;
        }

        .mobile_divider {
            display: none;
            width: 100%;
            border: none;
            border-top: 1px solid #ddd;
            margin: 30px 0;
        }

        footer {
            width: 90%;
            height: 5%;
            background-color: #2e465b;
            border-bottom: 2px solid #38c085;
            padding: 20px;
            color: #fff;
            box-sizing: border-box;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
        }

        footer a {
            margin: 50px 25px;
        }

        @media only screen and (max-width:850px) {
            .text {
                position: relative;
                left: 0px;
            }

            .landscape {
                width: 80%;
                height: auto;
            }
            
        }        

        @media only screen and (max-width: 700px) {
            .qr_section {
                flex-direction: column;
                align-items: center;
                gap: 40px;
            }

            .mobile_divider {
                display: block;
            }
        }