﻿.container {
    max-width: none;
    padding: 0px;
}

.row {
    margin-bottom: 10px;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 85%;
    }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .container {
        width: 80%;
    }

    .column,
    .columns {
        margin-left: 4%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}

/* For devices larger than 700px */
@media (min-width: 700px) {
    .container {
        width: 95%;
    }
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    border-radius: 0px;
    transition: all 0.3s ease 0s;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #2eAA71;
    border-color: #2eAA71;
}


.button.button-primary-caution,
.button.button-primary-caution,
input[type="submit"].button-primary-caution,
input[type="reset"].button-primary-caution,
input[type="button"].button-primary-caution {
    color: #FFF;
    background-color: #bf3850;
    border-color: #bf3850;
    transition: all 0.3s ease 0s;
}

.button.button-primary-caution:hover,
.button.button-primary-caution:hover,
input[type="submit"].button-primary-caution:hover,
input[type="reset"].button-primary-caution:hover,
input[type="button"].button-primary-caution:hover,
.button.button-primary-caution:focus,
button.button-primary-caution:focus,
input[type="submit"].button-primary-caution:focus,
input[type="reset"].button-primary-caution:focus,
input[type="button"].button-primary-caution:focus {
    color: #FFF;
    background-color: #ae273f;
    border-color: #ae273f;
}

.button-caution {
    color: #bf3850 !important;
    border: 1px solid #bf3850;
}

.button-caution:hover {
    color: #ae273f !important;
    border-color: #ae273f !important;
    outline: 0;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    border-radius: 0px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33C3F0;
}

label,
legend {
    display: inherit;
    margin-bottom: 0px;
    font-weight: inherit;
}

li {
    margin-bottom: 0px;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 0px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-bottom: 0;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    cursor: pointer;
}
