﻿@media (min-width: 1px) {

    .footerDiv {
        width: auto;
        background-color: rgb(24,138,185);
        padding: calc(3.0vw);
        color: white;
    }

    .col1Section1 {
        margin-top: calc(1.7vw);
    }

    .footerRightColumn {
        background-color: rgb(249,160,49);
        padding: calc(2vh);
        margin-top: calc(2.3vw);
        border-radius: 1%;
    }
  
    .footerFLOThumbnail {
        max-height: calc(30vw);
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .labelHolder1{
        float: left;
        margin-right: 10px;
        margin-bottom: 45px;
    }
     
    .labelHolder2{
        float: left;
    }

    .signUpLink {
        color: rgb(249,161,49);
    }

    .footer-margin {
        margin-top: calc(4vw);
        margin-bottom: calc(3vw);
    }

    /*.fa {
        padding: 10px;
        font-size: 30px;
        width: 40px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

        .fa:hover {
            opacity: 0.3;
            background-color: darkblue;
        }

    .fa-twitter {
        background: #55ACEE;
        color: white;
        border-radius: 10%;
    }*/

    hr {
        border-color: white;
        border: solid .75px;
    }

    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1001; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

    .billingInformationModal {
        margin-top: calc(-1vw);
    }

    .modal-content {
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 98%;
    }

    .closeModal {
        color: rgb(25, 139, 186);
        float: right;
        font-size: 28px;
        font-weight: bold;
        opacity: 1;
    }

        .closeModal:hover,
        .closeModal:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

  

    .emailSubscribe {
        font-size: calc(4vw);
        width: calc(25vw);
        border-radius: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .footerRow2 {
        text-align: center;
    }
}
