/*

Travis Wilson Ministries, © 2021-2024

Created By: Allen Hamlette @ The Web Penguin, LLC

Colors:
    font color: #1F1B71; "St. Patrick's Blue"
    accent color: #4E30A1; "Blue-Magenta Violet"
    accent color: #5946B2; "Plump Purple"
    accent color: #A5730C; "Philippine Gold"
    accent color: #B8870B; "Dark Goldenrod"
    accent color: #ECD595; "Caramel"
    accent color: #ffffff; "White"


Headings:
    font-family:

Paragraphs:
    font-family:

*/

html, body {
    background-image: url("/public/images/graphics/ricepaper.png");
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: auto;
    min-width: 320px;
    max-width: 2500px;
    margin: auto;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #1F1B71;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

p {
    font-size: large;
    font-family: Baskerville, serif;
}

a {
    font-family: inherit;
    color: #4E30A1;
    text-decoration: none;
    white-space: nowrap;
}

a:hover {
    color:  white;
    text-decoration: none;
}

:hover {
    transition: .2s ;
}

u {
    font-family: inherit;
    font-weight: bold;
}

span {
    font-size: large;
}

.image {
    background-color: white;
}

img, video, iframe {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

ul {
    list-style-type: none;
}

li {
    text-align: left;
    padding-left: 15px;
    margin: 5px 0;
}

hr {
    border: white solid 1px;
    margin: 3% 10% 5%;
}

.space {
    margin: 3% auto;
}

form {
    margin: 5% auto;
    width: 50%;
    min-width: 320px;
    max-width: 700px;
}

.card > .card-body > form {
    width: 100%;
}

.information > .button > a {
    color: white;
}

.information > .button > a:hover {
    color: #000000;
}

.btn {
    font-size: large;
    margin: 1% auto;
}

.btn-danger {
}

.btn-warning {
    color: white;
    background-color: green;
    border-color: green;
}

.btn-warning:hover {
    color: #1F1B71;
    background-color: #ECD595;
    border-color:  #1F1B71;
}

.form-group {
    text-align: left;
    margin: 25px auto;
}

label, input, textarea, #subject {
    font-size: large !important;
    color: #1F1B71;
}

label {
    text-align: left;
}

#message {
    height: 350px;
}

.card {
    background-color: transparent;
    border-color: transparent;
}

.indent {
    padding-left: 25px;
    text-align: left;
}

.hide {
    display: none;
}

/* COMMON */
nav {
    padding: 10px;
}

.navbarIcon {
    height: 100px;
}

.navbarLinks {
    font-size: x-large;
}

.navbarLinks > a {
    margin: 0 10px;
}

.navbarLinks > a:hover {
    color: green;
}

.py-4 {
    min-height: 625px;
}

.pt-4, .py-4 {
    padding: 0 !important;
}

.title {
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    padding: 3%;
    text-decoration: underline;
}

.intro {
    padding: 0 3%;
    text-align: left;
}

.adminButtons {
    width: 100%;
    margin: 3% auto;
}

.adminButtons > .deleteButton, .adminButtons > .editButton {
    width: 50%;
    height: 10%;
}

.deleteButton {
    margin: auto;
}

.deleteButton > form {
    margin: unset;
    width: auto;
    min-width: unset;
}

.deleteButton > form > input {
    font-size: x-large !important;
}

.section {
    min-height: 150px;
    width: 100%;
    margin: 3% auto;
}

.index {
    display: inline-block;
    width: 100%;
}

.twoColumnBanner, .threeColumnBanner {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 3% auto;
}

.twoColumnBanner > .left, .twoColumnBanner > .right {
    width: 50%;
    float: left;
}

.threeColumnBanner > .column {
    display: inline-block;
    float: left;
    width: 31.33%;
    height: 100%;
    border: 5px solid transparent;
    padding: 2%;
    margin: 0 1%;
}

.threeColumnBanner > .column > .content {
    margin: 5% auto;
}

.threeColumnBanner > .column > .content > p {
    font-size: large;
    text-align: left;
}

.column > .content > h4 {
    text-decoration: underline;
    margin: 5% auto;
}

.threeColumnBanner > .column {
    width: 31.33%;
}

.threeColumnBanner > .column > .image {
    height: 20vw;
    max-height: 400px;
    padding: 3vw;
    background-color: unset;
}

.banner {
    border: 5px white solid;
    margin: 2%;
    width: 96%;
    background: #5946B2;
}

#bookPromo {
    background: #ECD595;
    height: 450px;
    display: inline-block;
    color: #1F1B71;
    width: 100%;
    margin: auto;
}

#bookPromo > .image {
    height: 100%;
    width: 33.33%;
    float: left;
    padding: 15px;
    background: transparent;
}

#bookPromo > .content {
    width: 66.66%;
    float: left;
    padding: 3%;
}

#bookPromo > .content > h2 > a {
    color: #A5730C;
}

#bookPromo > .content > h2 > a:hover {
    color: #ECD595;
    text-decoration: underline;
}

#bookPromo > .content > p {
    font-size: 1.5vw;
    font-weight: bold;
}

.bookRetailer {
    width: 100%;
    margin: 25px auto;
}

.bookRetailer > a {
    color: white;
    margin: 0 2.25%;
    font-size: 1.75em;
}

.bookRetailer > a:hover {
    color: #ECD595;
    text-decoration: none;
}

.bookRetailer > a > img {
    width: 18%;
    height: 75px;
    object-fit: contain;
}

#bookingInfo {
    border: none;
    color: white;
    width: 100%;
    margin: 2% auto;
}

#bookingInfo > h1 {
    font-size: 3vw;
}

#quote {
    width: 98%;
    margin: 3% 1%;
    padding: 3%;
    color: #1F1B71;
    background: white;
    border-color: #1F1B71;
}

#bookingInfo {
    padding: 3%;
}

.eventIndex, .productIndex {
    min-height: 30vw;
}

footer {
    width: 100%;
    height: auto;
    background: #A5730C;
    color: white;
    display: inline-block;
}

.subscriptionForm {
    background: url("/public/images/graphics/ricepaper.png") repeat;
    background-size: contain;
    padding: 1%;
    color: #1F1B71;
}

#mc_embed_signup > form {
    width: 100%;
    max-width: 1000px !important;
    margin: 1% auto;
}

#mc_embed_signup_scroll > input {
    width: 95% !important;
    margin: auto;
    font-family: cursive;
}

#mc_embed_signup {
    background: transparent !important;
    clear: left;
}

#mc_embed_signup input.email {
    font-family: inherit !important;
}

#mc_embed_signup input.button {
    margin: 5px auto !important;
    font-family: inherit;
    background: green;
    font-size: xxx-large;
}

.subscriptionForm > h2 {
    font-size: 2.75vw;
}

.secondaryFooter {
    width: 100%;
}

.secondaryFooter > .twmLogo {
    width: 40%;
    margin: auto;
}

.socialMediaLinks {
    width: 100%;
}

.socialMediaLinks > a {
    display: inline-block;
    width: 8%;
    max-width: 40px;
    margin: 0 2%;
}

.primaryFooter {
    width: 100%;
    height: 100px;
}

.twpLogo, .addtlLinks {
    width: 20%;
    float: left
}

.copyright {
    width: 60%;
    float: left;
}

.copyright, .addtlLinks {
    padding-top: 5%;
}

#dashboardAdmin > a > button {
    margin: 1% 3%;
    width: 225px;
    padding: 1%;
}

.brandingLogo {
    display: none;
}

/* WELCOME */

.marqueeImage {
    width: 100%;
    height: 60vw;
    max-height: 900px;
}

.marqueeHeading {
    background: transparent;
    font-size: 72px;
    padding: 10% 0;
    color: white;
}

#homepageMarquee {
    background: url("/public/images/photos/frontImage.png") no-repeat center;
    background-size: 100% 100%;
}

.homepageVideo {
    width: 100%;
    height: 50vw;
    max-height: 1200px;
    padding: 2%;
}

.homepageVideo > .image {
    width: 100%;
}

.bannerHeading:hover {
    background: #B8870B; !important;
    color: white;
}

.bannerHeading {
    background: transparent;
    text-shadow: 2px 2px black;
    padding: 15% 0;
}

.bannerHeading > .heading {
    font-size: 60px;
    color: white;
}

.bannerHeading > .subheading {
    font-size: 32px;
    color: white;
}

.platforms {
    height: auto;
}


#podcastHome {
    border: 5px #1F1B71 solid;
    background: white;
}

#podcastHome > .image {
    height: 25vw;
    width: 100%;
    min-height: 200px;
    max-height: 500px;
}

#icons {
    height: auto;
}

.platforms > .index > .icon {
    width: 25%;
    height: 150px;
    padding: 3%;
    float: left;
    margin: 3% auto;
}

.platforms > h1 {
    color: #1F1B71;
}

.pagination > nav {
    margin: auto;
}

.pagination > nav > .hidden {
    display: none;
}

/* ABOUT */
.bio {
    display: inline-block;
}

.bio > .image {
    display: inline-block;
    width: 50%;
    float: left;
    background: transparent;
    padding: 3%;
}

.bio > .content {
    display: contents;
    width: 50%;
    text-align: left;
}

.bio > .content > h2 {
    font-size: 32px;
}

.bio >.content > p {
    font-size: 24px;
    padding: 3%;
}

.travisWilsonMinistries {
    height: auto;
    padding: 3% 0;
}

.travisWilsonMinistries > h1 {
    font-size: xx-large;
    font-style: italic;
    font-weight: bold;
    color: #80AD00;
}

.travisWilsonMinistries > .twmLogo {
    width: 70%;
    margin: auto;
}

.travisWilsonMinistries > .image {
    height: 45vw;
    width: 90%;
    margin: 3% auto;
}

.travisWilsonMinistries > .content > p {
    font-size: 24px;
    padding: 0 3%;
}

div > h1 {
    font-size: 3vw;
}

/* BLOG */
.post {
    width: 80%;
    height: auto;
    float: none;
    border: 5px white solid;
    padding: 1%;
    background: #ECD595;
    margin: 2% auto;
    display: inline-block;
}

.post:hover {
    background: #1F1B71;
    color: white;
}

#devotional > .title {
    height: 50px;
}

.post > .image {
    float: left;
    width: 35%;
    height: 20vw;
    max-height: 500px;
}

.post > .description {
    float: right;
    width: 65%;
    height: 20vw;
    max-height: 500px;
    padding: 1%;
}

.post > .description > .title {
    height: auto;
}

.description > .title > h2 {
    font-size: large;
    text-transform: capitalize;
}

#readMoreButton {
    height: fit-content;
    width: fit-content;
}

#readMoreButton > a {
    color: white;
}

#readMoreButton > a:hover {
    color: #1F1B71;
}

/* PHOTOS */
.photo > .adminButtons {
    margin: 25px auto;
    height: auto;
}

#photos {
    display: inline-block;
    width: 100%;
    min-height: 200px;
    height: auto;
}

.photo {
    border: solid 1px transparent;
    width: 31.33%;
    height: auto;
    margin: 1%;
    padding: 1%;
    float: left;
}

.photo > .image {
    background: transparent;
    width: 100%;
    height: 25vw;
}

.photo > .image > img {
    object-fit: cover;
}

/* VIDEOS */

.video > .adminButtons {
    margin: 25px auto;
}

.videoIndex {
    display: inline-block;
    width: 100%;
    min-height: 200px;
    height: auto;
}

.videoIndex > .video {
    display: inline-block;
    border: solid 1px transparent;
    width: 31.33%;
    height: 25vw;
    margin: 1%;
    padding: 1%;
    float: left;
}

.video > .image {
    background: transparent;
    width: 100%;
    height: 66.66%;
}

.video > .image > iframe {
    width: 100% !important;
    height: 100% !important;
}

/* EVENTS */
.eventIndex {
    display: inline-block;
}

.eventIndex > a {
    white-space: unset;
}

.event {
    display: inline-block;
    border: 5px white solid;
    width: 96%;
    margin: 1% auto;
    float: left;
    padding: 1%;
    background: #ECD595;
}

.event:hover {
    background: #1F1B71;
    color: white;
}

.description > .title {
    text-align: center;
    height: 90px;
}

/* EVENTS.SHOW / PHOTOS.SHOW */
.postImage {
    width: 60vw;
    max-width: 1000px;
    height: 500px;
    margin: auto;
}

.postBody {
    width: 75%;
    margin: auto;
    text-align: left;
}

.photo > .adminButtons > .deleteButton {
    float: none;
}

/* CONTACT */


/* STORE */
.productIndex {
    display: inline-block;
    width: 100%;
}

.productIndex > a {
    white-space: unset;
}

.product {
    display: inline-block;
    border: 5px white solid;
    width: 31.33%;
    margin: 3% 1%;
    float: left;
    padding: 1%;
    background: #ECD595;
}

.product > .image {
    background: white;
    height: 20vw;
}

.product > .title {
    text-align: center;
}

/* STORE.SHOW */
.productProfile {
    width: 100%;
    display: inline-block;
}

.productInfo {
    text-align: left;
}

.productImage {
    height: 80vw;
    max-height: 500px;
    margin: 5% auto;
}

.productInfo {
    width: 75%;
    margin: auto;
    text-align: left;
}

.productInfo > p > strong {
    line-height: 60px;
}

.buyButton {
    width: 20%;
    margin: 3% auto;
}

.buyButton > form {
    width: auto;
    min-width: unset;
}

.buyButton > form > table {
    margin: 3% auto;
}

/* PRIVACY POLICY */
.privacyAndTerms {
    width: 80%;
    margin: 3% auto;
    text-align: left;
}

/* FAQs */
.faqIndex {
    width: 80%;
    margin: 3% auto;
    text-align: left;
}

.questionAndAnswer > h3 {
    margin-bottom: 25px;
    text-align: center;
}

.questionAndAnswer > p {
    width: 95%;
    margin: 0 auto 5%;
    text-align: left;
}


/* ====================================================== */

@media all and (max-width: 599px) {
    p {
        font-size: large
    }

    .navbarLinks {
        font-size: large;
    }

    .navbarLinks > a {
        margin: 0 1%;
    }

    #bookPromo {
        width: 100%;
        height: auto;
    }

    #bookPromo > .image {
        width: 100%;
        height: 375px;
        margin: 5% auto;
        padding: 0 10%;
    }

    #bookPromo > .content {
        width: 100%;
        float: none;
    }

    #bookingInfo > h1 {
        font-size: 2em;
    }

    .bannerHeading {
        padding: 7% 0;
    }

    .bannerHeading > .heading {
        font-size: 48px;
    }

    .bannerHeading > .subheading {
        font-size: 16px;
    }

    .threeColumnBanner > .column {
        width: 96%;
        float: none;
    }

    .threeColumnBanner > .column > .image {
        height: 45vw;
    }

    .threeColumnBanner > .column > .content > p {
        font-size: 18px;
    }

    .threeColumnBanner > .column > .content {
        margin: 5% auto;
    }

    footer {
        height: auto;
    }

    .secondaryFooter > .twmLogo {
        width: 100%;
        height: 200px;
    }

    .primaryFooter {
        height: 175px;
    }

    .socialMediaLinks > a {
        margin: 0 3%;
        max-width: 35px;
        height: 40px;
    }

    .copyright, .addtlLinks, .twpLogo {
        width: 100%;
        height: auto;
        float: none;
    }

    .twpLogo {
        position: relative;
        bottom: -100px;
        left: 0;
        height: 60px;
    }

    .copyright, .addtlLinks {
        padding: 0;
        margin: 0 auto -50px;
    }

    .subscriptionForm > h2 {
        font-size: 5vw;
    }

    .adminButtons > .deleteButton, .adminButtons > .editButton {
        width: 50%;
        float: left;
    }

    .deleteButton > form {
        margin: unset;
        width: auto;
        min-width: unset;
    }

    .deleteButton > form > input, .editButton > .btn {
        font-size: x-small !important;
    }

    .bookRetailer > a > img {
        width: 33%;
        height: 75px;
        margin: 5%;
    }

    /* WELCOME */

    .marqueeImage {
        height: 400px;
        width: 100%;
        background-size: contain ;
    }

    .marqueeHeading {
        padding: 20% 0;
    }

    #homepageLink {
        min-width: 300px;
        max-width: 425px;
        margin: 3% auto;
    }

    #bookPromo > .content > p {
        font-size: medium;
        text-align: left;
    }

    .platforms > .index > .icon {
        width: 50%;
        height: 100px;
        padding: 5%;
        float: left;
        margin: 3% auto;
    }

    .credits > small {
        font-size: 50%;
    }

    /* ABOUT */
    .bio {
        width: 100%;
    }

    .bio > .image {
        width: 80%;
        height: auto;
        margin: 5% auto;
        float: none;
    }

    .bio > .content {
        width: 100%;
    }

    .bio > .content > p {
        font-size: large
    }

    .bio > .content > h2 {
        font-size: 48px;
    }

    .travisWilsonMinistries > .twmLogo {
        width: 100%;
    }

    .travisWilsonMinistries > .image {
        width: 100%;
        height: 60vw;
    }

    .travisWilsonMinistries > h1 {
        font-size: 7vw;
    }

    div > h1 {
        font-size: 6vw;
    }

    .travisWilsonMinistries > .content > p {
        font-size: 16px;
        padding: 3%;
    }

    /* VIDEOS */
    .videoIndex > .video {
        width: 48%;
        height: auto;
        margin: 3% 1%;
    }

    .videoIndex > .video > .image {
        height: 30vw;
        padding: 2%;
    }

    .videoIndex > .video > .info {
        height: 75px;
        padding: 3%;
    }

    .videoIndex > .video > .info > p {
        font-size: small;
    }

    .videoIndex > .video > .info > h3 {
        font-size: 1em;
        line-height: 18px;
        height: 50px;
    }

    /* PHOTOS */
    .photo {
        width: 48%;
        height: auto;
        padding: 1%;
    }

    .photo > .image {
        height: 55vw;
    }

    /* BLOG */
    .post {
        width: 96%;
        padding: 2%;
        margin: 1% auto;
    }

    #devotional > .title {
        height: auto;
    }

    .description > .title > h3 {
        font-size: large;
    }

    /* EVENTS */
    .event {
        float: none;
    }
    .event > .image {
        width: 33%;
        height: 175px;
        float: left;
    }

    .event > .description {
        height: 175px;
        width: 57%;
        float: right;
    }

    .event > .description > .title {
        height: auto;
        padding: 1%;
    }

    .event > .description > .title > h3 {
        font-size: 3.5vw;
    }

    .event > .description > .body > p {
        font-size: small;
        margin-bottom: 0;
    }

    .eventDetails > .btn {
        font-size: xx-small;
    }

    /* EVENTS.SHOW */
    .postImage {
        width: 96%;
        height: 450px;
        margin: auto;
    }

    .postBody {
        text-align: left;
        padding: 0 3%;
    }

    /* CONTACT */

    /* SHOP */
    .product {
        width: 48%;
    }

    .product > .image {
        height: 30vw;
    }

    .product > .title {
        height: 15vw;
    }

    .product > .price > h3 {
        font-size: 5vw;
    }

    .product > .title > h4 {
        font-size: 3vw;
    }

    /* SHOP.SHOW */
    .productImage {
        margin: 5% auto;
        height: 80vw;
        max-height: 500px;
    }

    .productDetails {
        padding: 0 3%;
    }

    .productDetails > h1 {
        font-size: 5vw;
    }

    .productInfo {
        text-align: left;
        padding: 3%;
    }

    /* DEVOTIONALS */
    .post {
        width: 85%;
    }

    .post > .image {
        width: 100%;
        height: 40vw;
        max-height: 300px;
    }

    .post > .description {
        width: 100%;
        height: auto;
    }

    .post > .description > .body > .information > .intro > p {
        font-size: medium;
    }
}

@media all and (min-width: 600px) and (max-width: 899px) {
    .navbarLinks {
        font-size: large;
    }

    .navbarLinks > a {
        margin: 0 1%;
    }

    .secondaryFooter {
        height: 200px;
    }

    .secondaryFooter > .twmLogo {
        width: 65%;
        height: 20vw;
        margin: auto;
    }

    .twpLogo {
        height: inherit;
    }

    .twpLogo, .addtlLinks {
        width: 25%;
    }

    .copyright {
        width: 50%;
    }

    #bookPromo {
        width: 100%;
        height: auto;
    }

    #bookPromo > .image {
        width: 100%;
        height: 500px;
        margin: 5% auto;
        display: unset;
    }

    #bookPromo > .content {
        width: 100%;
    }

    #bookPromo > .content > p {
        font-size: medium;
        text-align: left;
    }

    #bookingInfo > h1 {
        font-size: 2em;
    }

    .bannerHeading {
        padding: 7% 0;
    }

    .bannerHeading > .heading {
        font-size: 56px;
    }

    .bannerHeading > .subheading {
        font-size: 24px;
    }

    .threeColumnBanner > .column {
        width: 31.33%;
    }

    .threeColumnBanner > .column > .image {
        height: 25vw;
    }

    .threeColumnBanner > .column > .content > p {
        font-size: 1.75vw;
    }

    .threeColumnBanner > .column > .content {
        margin: 5% auto;
    }

    .socialMediaLinks > a {
        max-width: 40px;
        height: 40px;
        margin: 0 2%;
    }

    .subscriptionForm > h2 {
        font-size: 5vw;
    }

    .adminButtons > .deleteButton, .adminButtons > .editButton {
        width: 50%;
        float: left;
    }

    .deleteButton > form {
        margin: unset;
        width: auto;
        min-width: unset;
    }

    .deleteButton > form > input, .editButton > .btn {
        font-size: small !important;
    }

    /* WELCOME */

    .marqueeHeading {
        padding: 12% 0;
    }

    .platforms > .index > .icon {
        width: 50%;
        height: 100px;
        padding: 3%;
        float: left;
        margin: 3% auto;
    }

    /* ABOUT */
    .bio > .content {
        display: contents;
    }

    .bio > .content > h2 {
        padding-right: 5%;
    }

    .bio >.content > p {
        font-size: 20px;
        padding: 10px;
    }

    div > h1 {
        font-size: 5vw;
    }

    /* VIDEOS */
    .videoIndex > .video {
        width: 31.33%;
        height: auto;
        margin: 3% 1%;
    }

    .videoIndex > .video > .image {
        height: 25vw;
        padding: 2%;
    }

    .videoIndex > .video > .info {
        height: 75px;
        padding: 3%;
    }

    .videoIndex > .video > .info > p {
        font-size: small;
    }

    .videoIndex > .video > .info > h3 {
        font-size: 1.15em;
        line-height: 1em;
        height: 50px;
    }

    /* PHOTOS */
    .photo {
        height: auto;
        padding: 1%;
    }

    .photo > .image {
        height: 30vw;
        max-height: 250px;
    }

    /* EVENTS */
    .event {
        float: none;
    }
    .event > .image {
        width: 33%;
        height: 225px;
        float: left;
    }

    .event > .description {
        height: 175px;
        width: 57%;
        float: right;
        padding: 1% 0;
    }

    .event > .description > .title {
        height: auto;
        padding: 1%;
    }

    .event > .description > .title > h3 {
        font-size: 2.75vw;
    }

    .event > .description > .body > p {
        font-size: medium;
        margin-bottom: 0;
    }

    .eventDetails > .btn {
        font-size: small;
    }

    /* EVENTS.SHOW */
    .postImage {
        width: 96%;
        margin: auto;
    }

    .postBody {
        text-align: left;
        padding: 0 3%;
    }

    /* DEVOTIONALS */
    .post {
        width: 85%;
        height: auto;
        padding: 2%;
        margin: 1% auto;
    }

    .post > .image {
        height: 45vw;
        max-height: 300px;
    }

    .post > .description {
        height: 45vw;
        max-height: 300px;
    }

    .post > .description > .body > .information > .intro > p {
        font-size: medium;
    }

    .description > .title > h3 {
        font-size: large;
    }

    /* CONTACT */


    /* SHOP */
    .product {
        width: 31.33%;
    }

    .product > .image {
        height: 20vw;
    }

    .product > .title {
        height: 10vw;
    }

    .product > .price > h3 {
        font-size: 2.75vw;
    }

    .product > .title > h4 {
        font-size: 2vw;
    }

    /* SHOP.SHOW */
    /* PRIVACY POLICY */
}

@media all and (min-width: 900px) and (max-width: 1199px) {
    p {
        font-size: large;
    }

    #bookPromo {
        height: 425px;
        padding: 1%;
    }

    .column > .content > p {
        font-size: medium;
    }

    .bookRetailer > a {
        font-size: 2em;
        margin: 15px;
    }

    .threeColumnBanner > .column > .content > p {
        font-size: large;
        text-align: left;
    }

    .secondaryFooter > .twmLogo {
        width: 66%;
        height: 15vw;
        margin: auto;
    }

    .subscriptionForm > h2 {
        font-size: 4vw;
    }

    .socialMediaLinks > a {
        display: inline-block;
        width: 8%;
        max-width: 45px;
        height: 45px;
        margin: 0 2%;
    }

    .adminButtons > .deleteButton, .adminButtons > .editButton {
        width: 50%;
        float: left;
    }

    .deleteButton > form {
        margin: unset;
        width: auto;
        min-width: unset;
    }

    .deleteButton > form > input, .editButton > .btn {
        font-size: medium !important;
    }

    /* WELCOME */

    /* ABOUT */
    .bio > .content > h2 {
        padding-right: 5%;
    }

    /* VIDEOS */
    .videoIndex > .video {
        width: 31.33%;
        height: auto;
        margin: 2% 1%;
    }

    .videoIndex > .video > .image {
        height: 25vw;
        padding: 2%;
    }

    .videoIndex > .video > .info {
        height: 75px;
        padding: 3%;
    }

    .videoIndex > .video > .info > p {
        font-size: small;
    }

    .videoIndex > .video > .info > h3 {
        font-size: 1.25em;
        line-height: 1em;
        height: 40px;
    }

    /* DEVOTIONAL */
    .post > .image {
        height: 31vw;
    }

    .post > .description {
        height: 31vw;
    }

    .post > .description > .title > h2 {
        font-size: xx-large;
    }

    /* PHOTOS */
    .photo > .image {
        height: 45vw;
        max-height: 325px;
        padding: 1%;
    }

    /* EVENTS */
    .event {
        float: none;
    }
    .event > .image {
        width: 33%;
        height: 225px;
        float: left;
    }

    .event > .description {
        height: 175px;
        width: 57%;
        float: right;
    }

    .event > .description > .title {
        height: auto;
        padding: 1%;
    }

    .event > .description > .title > h3 {
        font-size: 2.75vw;
    }

    .event > .description > .body > p {
        font-size: medium;
        margin-bottom: 0;
    }

    .eventDetails > .btn {
        font-size: small;
    }

    /* CONTACT */

    /* SHOP */
    .product {
        width: 31.33%;
    }

    .product > .image {
        height: 20vw;
    }

    .product > .title {
        height: 6vw;
        margin-bottom: 3%;
    }

    .product > .price > h3 {
        font-size: 2.5vw;
    }

    .product > .title > h4 {
        font-size: 1.75vw;
    }

    /* SHOP.SHOW */
    .productDetails > h1 {
        font-size: 5vw;
    }

    /* PRIVACY POLICY */
}

@media all and (min-width: 1200px) and (max-width: 1799px) {
    p {
        font-size: large
    }

    .adminButtons > .deleteButton, .adminButtons > .editButton {
        width: 50%;
        float: left;
    }

    .deleteButton > form > input, .editButton > .btn {
        font-size: medium !important;
    }

    .socialMediaLinks > a {
        width: 8%;
        max-width: 50px;
    }

    #bookPromo {
        height: 37vw;
        padding: 1%;
    }

    #bookPromo > .content > h1 {
        font-size: 2.75vw;
    }

    #bookPromo > .content > h3 {
        font-size: 2.25vw;
    }


    #bookPromo > .content > h2 {
        font-size: 2vw;
    }

    .bookRetailer > a {
        font-size: 2em;
    }

    .threeColumnBanner > .column > .content > h4 {
        font-size: xx-large;
    }

    .threeColumnBanner > .column > .content > p {
        font-size: 1.5vw;
    }

    .subscriptionForm > h2 {
        font-size: 3.5vw;
    }

    #mc_embed_signup > form {
        max-width: 60vw !important;
        line-height: 3vw;
    }

    .secondaryFooter > .twmLogo {
        width: 66%;
        height: 15vw;
        margin: auto;
    }

    .subscriptionForm > h2 {
        font-size: 4vw;
    }

    .socialMediaLinks > a {
        display: inline-block;
        width: 8%;
        max-width: 45px;
        height: 45px;
        margin: 0 2%;
    }

    /* WELCOME */

    /* ABOUT */
    .bio > .image {
        height: 900px;
    }

    .bio > .content > h2 {
        font-size: 40px;
        padding-right: 5%;
        padding-top: 3%;
    }

    .bio >.content > p {
        font-size: 24px;
        padding: 5%;
    }

    .travisWilsonMinistries > .content > p {
        font-size: 2.25vw;
    }

    /* VIDEOS */
    .videoIndex > .video {
        width: 31.33%;
        height: auto;
    }

    .videoIndex > .video > .image {
        height: 20vw;
        padding: 2%;
    }

    .videoIndex > .video > .info {
        padding: 3%;
    }

    .videoIndex > .video > .info > p {
    }

    .videoIndex > .video > .info > h3 {
        font-size: 24px;
        line-height: 28px;
        height: 90px;
    }

    /* PHOTOS */
    .photo {
        height: auto;
        width: 23%;
        padding: 1%;
    }

    /* EVENTS */
    .event {
        float: none;
    }
    .event > .image {
        width: 33%;
        height: 300px;
        float: left;
    }

    .event > .description {
        height: 300px;
        width: 57%;
        float: right;
        padding: 1% 0;
    }

    .event > .description > .title {
        height: auto;
        padding: 1%;
    }

    .event > .description > .title > h3 {
        font-size: 2.5vw;
    }

    .event > .description > .body > p {
        font-size: large;
        margin-bottom: 0;
    }

    .eventDetails > .btn {
        font-size: small;
    }

    .description > .body > small {
        font-size: medium;
    }

    /* BLOG */
    .post > .description > .title > h2 {
        font-size: xx-large;
    }

    /* CONTACT */

    /* SHOP */
    .product {
        width: 23%;
    }

    .product > .image {
        height: 20vw;
    }

    .product > .title {
        height: 6vw;
        margin-bottom: 3%;
    }

    .product > .price > h3 {
        font-size: 2.25vw;
    }

    .product > .title > h4 {
        font-size: 1.5vw;
    }

    /* SHOP.SHOW */
    .productDetails > h1 {
        font-size: 3vw;
    }

    /* DASHBOARD */
    #dashboardAdmin > a > button {
        width: 20%;
    }
}

@media all and (min-width: 1800px) and (max-width: 4000px) {
    p {
        font-size: xx-large;
    }

    .adminButtons > .deleteButton, .adminButtons > .editButton {
        width: 50%;
        float: left;
        margin-top: 5%;
    }

    .deleteButton > form > input, .editButton > .btn {
        font-size: large !important;
    }

    .post > .description > .title {
        height: auto;
        padding: 2%;
    }

    .post > .description > .title > h2 {
        font-size: xxx-large;
        height: auto;
        margin: 0 0 25px 0;
    }

    .socialMediaLinks > a {
        width: 8%;
        max-width: 70px;
    }

    .threeColumnBanner > .column > .image {
        max-height: unset;
        padding: 3vw;
        background-color: unset;
    }

    .navbarIcon {
        height: 175px;
    }

    .navbarLinks > a {
        font-size: 36px;
    }

    .title {
        font-size: 64px;
    }

    #quote > h2 {
        font-size: 2.5vw;
    }

    #quote > h4 {
        font-size: 1.75vw;
    }

    #bookPromo {
        height: auto;
    }

    #bookPromo > .image {
        height: 35vw;
        max-height: 900px;
    }

    #bookPromo > .content > h1 {
        font-size: 96px;
    }

    #bookPromo > .content > h3 {
        font-size: 64px;
    }

    #bookPromo > .content > h2 {
        font-size: 72px;
        margin: 3% auto;
    }

    #bookPromo > .content > p {
        font-size: xx-large;
    }

    .bookRetailer > a {
        font-size: 2.75em;
    }

    .platforms > h2 {
        font-size: 72px;
    }

    #icons > .icon {
        height: 350px;
    }

    .column > .content > h4 {
        font-size: 2.75vw;
    }

    .column > .content > p {
        font-size: 1.5vw;
    }

    .threeColumnBanner > .column > .content > p {
        font-size: xx-large;
    }

    .secondaryFooter {
        max-height: 17vw;
    }

    #mc_embed_signup > form {
        max-width: 60vw !important;
        line-height: 2.5vw;
    }

    #mc_embed_signup_scroll > input {
        width: 95% !important;
        margin: auto;
        font-size: 32px !important;
    }

    .secondaryFooter > .twmLogo {
        width: 66%;
        height: 15vw;
        margin: auto;
    }

    .subscriptionForm > h2 {
        font-size: 4vw;
    }

    .socialMediaLinks > a {
        display: inline-block;
        width: 8%;
        max-width: 45px;
        height: 45px;
        margin: 0 2%;
    }

    /* WELCOME */
    .marqueeHeading {
        padding: 3% 0;
    }

    .marqueeImage {
        height: 1300px;
        max-height: unset;
    }
    .bannerHeading > .heading {
        font-size: 96px;
    }

    .bannerHeading > .subheading {
        font-size: 60px;
    }

    /* ABOUT */
    .bio > .image {
        height: 55vw;
    }

    .bio > .content > h2 {
        font-size: 64px;
        padding-right: 5%;
        padding-top: 3%;
    }

    .bio >.content > p {
        font-size: 40px;
        padding: 5%;
    }

    .travisWilsonMinistries > .content > p {
        font-size: 36px;
    }

    /* VIDEOS */
    .videoIndex > .video {
        width: 23%;
        height: auto;
        margin: 2% 1%;
    }

    .videoIndex > .video > .image {
        height: 15vw;
        padding: 2%;
    }

    .videoIndex > .video > .info {
        height: 125px;
        padding: 3%;
    }

    .videoIndex > .video > .info > p {
        font-size: large;
    }

    .videoIndex > .video > .info > h3 {
        font-size: 1.75em;
        line-height: 1.3em;
        height: 100px;
    }

    /* PHOTOS */
    .photo {
        height: auto;
        width: 23%;
        margin: 1%;
    }

    .photo > .image {
        height: 24vw;
        max-height: 500px;
    }

    /* DEVOTIONAL */
    .post > .image {
        max-height: 500px;
    }
    .description > .title > h3 {
        font-size: large;
    }

    /* EVENTS */
    .event {
        float: none;
        height: auto;
    }
    .event > .image {
        width: 33%;
        height: 20vw;
        float: left;
    }

    .event > .description {
        height: 20vw;
        width: 57%;
        padding: 1% 0;
        float: right;
    }

    .event > .description > .title {
        height: auto;
        padding: 1%;
    }

    .event > .description > .title > h3 {
        font-size: 2.5vw;
    }

    .event > .description > .body > p {
        font-size: 1.5vw;
        margin-bottom: 0;
    }

    .eventDetails > .btn {
        font-size: medium;
    }

    .description > .body > small {
        font-size: large;
    }

    /* CONTACT */

    /* SHOP */
    .product {
        width: 18%;
    }

    .product > .image {
        height: 14vw;
    }

    .product > .title {
        height: 6vw;
        margin-bottom: 3%;
    }

    .product > .price > h3 {
        font-size: 2.25vw;
    }

    .product > .title > h4 {
        font-size: 1.25vw;
    }

    /* SHOP.SHOW */
    div > h1 {
        font-size: 3.5vw;
    }

    /* PRIVACY POLICY */
}