/* Styles for Xylotron website
Developed by David Campbell
davidcampbell2313@gmail.com */


    /* Text styles to adjust Bootstrap */

            /* Text styles for cover container at top of page */
            p.xylo-cover-title {
                font-size: 4vw;
                font-weight: bold;
            }
            
            p.xylo-cover-text {
                color: #c4e5e0;
                font-size: 3vw;
            }

            /* Most link buttons on site */
            a.xylo-btn {
                background-color: #00a383;
                color: white;
                font-size: 20px;
                font-weight: 500;
                padding: 12px 36px;
                border-radius: 16px;
            }

            /* Overriding styles to adjust Bootstrap styles  */
            .btn-check:checked + .btn-outline-primary, .btn-check:hover + .btn-outline-primary {
                    background-color: #00a383;
                    color: white !important;
            }

            /* Overriding styles for phone screens */
            @media screen and (max-width: 600px) {
                
                p.xylo-cover-title {
                    font-size: 3rem;
                }

                p.xylo-cover-text {
                    font-size: 1.25rem;
                }
            }