/*@import url(https://fonts.googleapis.com/css?family=Arial:400,300,300italic,400italic,700,700italic);*/
body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.center,.container{margin-left:auto;margin-right:auto}*{font-family:Arial,Helvetica,sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:80%}}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}

    .button-wrapper {
      margin-bottom: 30px;  
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    a.button {
        //margin-bottom: 30px;
        white-space: normal;
        font-size: 20px;
        font-weight: 700;
        //-webkit-appearance: button;
        -webkit-appearance: none;
        -moz-appearance: button;
        appearance: button;

        text-decoration: none;
        color: initial;
        width: 90%;
        max-width: 400px;
        text-align: center;

        padding: 15px 15px;
        background-color: #13dc31;
        color: white;

        box-sizing: border-box;
    }

    .responsive {
        width: 100%;
        height: auto;
        max-width: 800px;
        text-align: center;
        display: block;
    }

    .content {  
        margin: 0 auto;
    }

    p {font-size: 16px;font-weight: 400;color:black;}

    body {
        /*background-color: #f6f6f6;*/
    }

    section {
        background-color: #f6f6f6;
    }

    a {
        color: #0000EE;
        /*:visited { color: #551A8B; }*/
    }

    .top-section {
        min-height: 400px;
        overflow: hidden;
         background-image: url("background.jpg");
         background-repeat: no-repeat;
         background-size: cover;
         background-color: #cccccc;
         background-position: top center;
    }    

    .top-container {
        color: white;
        //width: 94%;        
        background-color: rgba(0, 0, 0, 0.71);
        border: 2px solid white;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .top-container * {
        color: white;
    }

    footer {
        background-color: white;
    }

    section * {
        color: #504d2c;
    }

    section p {
        color: black;
    }


    nav {
        display: flex;
        //display: none;
        align-items: center;
        justify-content: space-between;
    }

    .nav-cta {
        justify-content: flex-end;
        float: right;
        text-align: right;
    }

    .nav-cta .button {
        padding: 0 5px;
        margin: 0;
        font-size: 16px;
    }

    .logo {
        max-height: 80px;
        height: 60px;
    }


    form {
        max-width: 280px;
    }

    .top-container textarea {
        width: 248px;
        margin-bottom: 9px;
        color: black;
        font-size: 20px;
        font-weight: 700;
    }

    .top-container input {
        color: black;
        font-weight: 700;
        font-size: 20px;
        width: 250px;
        margin-bottom: 15px;
    }

    .top-container input[type=submit] {
        color: white;
        border: none;
        background-color: #13dc31;
        cursor: pointer;
        height: 50px;
        -webkit-appearance: none;
        width: 254px;
    }

    a.button.red {
        background-color: red;
    }

    .silver-bar {
        border-top: 3px solid gold;
        width: 22em;
        max-width: 100%;
    }

    section h2 {
        margin-bottom: 10px;
    }

    section h3 {
        margin-bottom: 0;
    }    



    @media only screen and (max-width : 480px) {
        *{font-family:Arial,Helvetica,sans-serif;color:#333447;line-height:1.3}
        h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:1rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}
        .top-container {
            margin-top: 15px;
        }
        .logo {
            height: 50px;
        }
    }

    @media only screen and (min-width : 481px) {
        .logo {
            height: 80px;
        }
        .nav-cta .button {
            padding: 0 15px;
            width: initial;
            font-size: 24px;
        }
        a.button {
            font-size: 24px;
        }
    }

    @media only screen and (min-width : 768px) {

    }

    @media only screen and (min-width : 1025px) {
        .top-container {
            width: 60%;
        }
        
        .content {
            max-width: 480px;
        }
        a.button {
            //width: initial;
        }
    }

    @media only screen and (min-width : 1281px) {
    }