/* body */

body {
    font-size: 1.3rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Manrope', 'Roboto', 'Segoe UI',  'Helvetica Neue', Arial, sans-serif;
    overflow-x: hidden;
}

[class^=col-] {
    padding-left: 25px;
    padding-right: 25px;
}

/* elements */

.mt-row { margin-top: 50px; }
.pt-row { margin-top: 50px; }
.mb-row { margin-bottom: 50px; }
.pb-row { padding-bottom: 50px; }

.ml-row { margin-left: 50px; }
.pl-row { padding-left: 50px; }
.mr-row { margin-right: 50px; }
.pr-row { padding-right: 50px; }

/* ion-icons */

ion-icon {
    font-size: 64px;
}

.arrow-down-link {
    position: absolute;
    width: 100%;
    z-index: 10;
    font-size: 4rem;
    text-align: center;
}

.animate-me {
    transition: all 0.2s ease-in;
}

.box-hover .box-hover-show {
    opacity: 0;
    transition: all 0.2s ease-in;
}

.box-hover:hover .box-hover-show {
    opacity: 1;
    display: block;
}

.box-hover .box-hover-hide {
    display: block;
    transition: all 0.2s ease-in;
}

.box-hover:hover .box-hover-hide {
    margin-top: -5rem;
}

.wrap-box-bg {
    position: absolute;
    height: 100%;
    width: 100%;
}

.title-caps-link {
    display: inline-block;
    padding: .1rem .5rem;
}


/* modal */

@media (min-width: 576px) {
    .modal-dialog.google-doc-modal.modal-half {
        width: 600px!important;
        max-width: 50vw!important;
    }
}

@media (min-width: 768px) {
    .modal-dialog.google-doc-modal.modal-half {
        width: 700px!important;
        max-width: 50vw!important;
    }
}

@media (min-width: 992px) {
    .modal-dialog.google-doc-modal.modal-half {
        width: 800px!important;
        max-width: 50vw!important;
    }
}

@media (min-width: 1200px) {
    .modal-dialog.google-doc-modal.modal-half {
        width: 1000px!important;
        max-width: 50vw!important;
    }
}

@media (min-width: 576px) {
    .modal-dialog.modal-full {
        max-width: 100vw!important;
    }
}

@media (min-width: 768px) {
    .modal-dialog.modal-full {
        max-width: 100vw!important;
    }
}

@media (min-width: 992px) {
    .modal-dialog.modal-full {
        max-width: 100vw!important;
    }
}

@media (min-width: 1200px) {
    .modal-dialog.modal-full {
        max-width: 100vw!important;
    }
}