.marketing-p1 {
   font-size: large;
   padding-bottom: 1%;
   padding-top: 3%;
}

.marketing-p2 {
   font-size: xx-large;
   padding-bottom: 2%;
}

.marketing-p3 {
  padding-bottom: 1%;
}

.marketing-learn-btn {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   background-color: white;
   color: black;

   position: relative;
   top: 50%;
   padding: 15px 75px 15px 75px;
   font-weight: 600;
   width: max-content;
   border: none;
}

.marketing-text-container {
   padding-top: 2%;
   padding-bottom: 2%;
   padding-right: 5%;
}

.marketing-text {
   color: white;
}

.marketing-exit-btn {
   cursor: pointer;
   position: absolute;
   padding-top: 1em;
   padding-left: 1em;
   color: white;
   font-weight: 900;
}

.block{
   display: block;
 }

.marketing-primary, .marketing-primary > *{
    display: flex;
    background-color: rgb(10,117,122);
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    border-width: 0;
    text-decoration: none;
    text-transform: capitalize;
    white-space: normal;
    transition: none;
    padding: 6px 20px;
    font-weight: 600;
    line-height: 22px;
}

.tools-page-link, .tools-page-link:hover {
    text-decoration: none;
    color: #00A63F !important;
    font-family: 'GT Walsheim Pro Office Bold';
}

.btn-primary {
    color: #fff !important;
    background: #00a63f !important;
    border-color: #00a63f !important;
}

.hide {
    display: none;
}

h3 {
    font-family: 'GT Walsheim Pro Office Bold';
}

.loader {
    padding: 10px;
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #00a63f;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.user-warning-error {
    position: absolute;
    color: #FF0000;
    margin: 10px 0;
}

.user-input-title {
    font-family: 'GT Walsheim Pro Office Bold';
}

.alert-check svg {
    fill: #00A63F;
}

@media print {
    .container {
        width: 100%;
    }

    .hidden-print {
        display: none;
    }

    .hide-content-when-printed .can-hidden-print {
        display: none;
    }

    /* separate because when a browser meets a selector it doesn't understand it ignores the entire line, http://css-tricks.com/snippets/css/style-placeholder-text/ */
    ::-webkit-input-placeholder { /* WebKit browsers */
        opacity: 0.2;
        color: white;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        opacity: 0.2;
        color: white;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        opacity: 0.2;
        color: white;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        opacity: 0.2;
        color: white;
    }
}