
    .aotw-signup{margin-top: 70px;}
    .alert{color:red; font-size: 1.8rem;}
    #content h3{font-size: 2.5rem;}
    #content p{font-size: 1.5rem;}
    #primary input, #primary label, #primary textarea {
        display:block;
        font-size: 14px;
        width: 100%;
        margin-bottom: 3px;
    }
    #primary .aotw-signup .row{
        margin-bottom: 20px;
    }
    #primary input[type="submit"] {
      max-width: 200px;
      margin: 0 auto;
    }
    #primary {
      padding: 10px;
    }

    #primary input[type="file"] {
        display: none;
    }
    #primary .custom-file-upload {
         /*border: solid 1px #ccc;*/
          display: inline-block;
          padding: 6px 12px;
          cursor: pointer;
          width: auto;
      }
    #primary .file-upload{
         border: solid 1px #ccc;
         margin-bottom: 25px;
         padding: 2px 5px 8px 5px;
    }

    #primary .review-wrap{
         border: solid 1px #ccc;
         margin-bottom: 25px;
         padding: 7px 10px 13px 10px;
    }

    #primary .review-wrap legend{
         font-size: 20px;
    }

     #primary .file-upload > .row{
         margin-bottom: 0px;
    }

    #primary legend{
      width: auto;
    }
    .review .col-md-3{display:flex;}
    .review .file-upload img{width: 100%;   }

    input[type="text"].err{border:solid 1px #fa8484;}
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #888;
      opacity: .9; /* Firefox */
    }
    .glossy {
        border: solid 1px #a7483c;
        background: #e57667;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#94c4fe), color-stop(100%,#d3f6fe));
        background: -webkit-linear-gradient(top,  #e57667 31%,#d3f6fe 100%);
        background: -moz-linear-gradient(top,  #e57667 31%, #d3f6fe 100%);
        background: -o-linear-gradient(top,  #e57667 31%,#d3f6fe 100%);
        background: -ms-linear-gradient(top,  #e57667 31%,#d3f6fe 100%);
        background: linear-gradient(to bottom,  #e57667 31%,#e9998f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4fe', endColorstr='#d3f6fe',GradientType=0 );
        color: #000;
        font-size: 0.750em;
        text-shadow: 1px 1px 0px rgba(255,255,255,.5);
        -webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2);
        box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2);
        position: relative;
     }

     .review{font-size: 14px;}
     #primary .file-upload.empty{background-color: rgb(255,0,0,.1); border: solid 1px #fa8484;}
    /* ======================================================================== */
    /* ======================================================================== */
    /* ========================= MEDIA QUERIES   ============================== */
    /* ======================================================================== */
    /* ======================================================================== */



    /* ======================================================================== */
    /* =========================   XXX Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1601px){

    }

    /* ======================================================================== */
    /* =========================   Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1201px) and (max-width : 1600px) {

    }

    /* ======================================================================== */
    /* ========================= Second Largest    =========================== */
    /* ======================================================================== */

    @media (min-width : 993px) and (max-width : 1200px) {

    }

    /* ======================================================================== */
    /* =========================   Second  Smallest  ========================== */
    /* ======================================================================== */
    @media (min-width : 769px) and (max-width : 992px) {

    }

    /* ======================================================================== */
    /* =========================        Smallest    =========================== */
    /* ======================================================================== */
    @media (min-width : 421px) and (max-width : 768px) {
        #primary input, #primary label {
             margin-bottom: 10px;
        }
    }

    /* ======================================================================== */
    /* =========================  XXx   Smallest    =========================== */
    /* ======================================================================== */
    @media (max-width : 420px) {

    }
