@media (min-width: 320px) { 

    body {
        background-color: #F6F5EE;
        font-family: 'PT Sans', sans-serif;
    }


    .background-stripe {
        background-image: url('mobile-pattern.png');
        background-repeat: repeat-x;
        background-position-y: 3.5em;
        background-position-x: 0;
        height: 100vh;   
    }

    .navbar-brand img {
        max-width: 32em;
        width: 26em;
        height: auto;
    }

    h1 {font-size: 1em}

    .cta-buttons {
        position: relative;
        top: 1.75em;
        text-align: center;
    }

    .btn {
        padding-left: 32px;
        padding-right: 32px;
        color: #042D3A;
    }

    .btn-primary {
        background: #FCC07A;
        color: #042D3A;
        font-size: 32px;
        font-weight: 400;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
        outline: 0;
        border: 2px solid #F5B569;
    }



    .btn-secondary {
        background: #ffffff;
        color: #042D3A;
        font-size: 20px;
        font-weight: 400;
        border: 2px solid #FCC07A;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .btn-primary:hover, .btn-secondary:hover {
        background: #F5B569;
        border-color: #F0A955;
        color: #042D3A;
    }  

    .btn-primary:hover {
        background: #0B5C76;
        color: #F6F5EE;
        border-color: #0B5C76;
    }

    .btn-primary:active {
        background: #06495f;
        color: #F6F5EE;
        border-color: #06495f;
    }

    .btn-primary:focus {
        background: #FCC07A;
        color: #042D3A;
        border: 2px solid #F5B569;
        outline: 3px solid #042D3A;       
    }

    .navbar-brand-desktop {
        display: none;
    }

 }

@media (min-width: 768px) { 


 }


@media (min-width: 992px) { 

}

@media (min-width: 1200px) { 

    .background-stripe {
        background-image: url("desktop-pattern.png");
        background-repeat: no-repeat;
        height: 100vh;   
        background-size: cover;    
        background-position-y: 3.5em;   

      }

      .cta-buttons{
        position: relative;
        top: 5em;
        text-align: left;
      }

      .navbar-brand-mobile {
        display: none;
      }

      .navbar-brand-desktop {
        display: block;
    }


 }


@media (min-width: 1400px) { 


 }