/*TABLET AND MOBILE DEVICES*/


@media (max-width: 768px) {
	*{}

.headerContent {
    width: 100%;
    margin: 7em auto;
}

#navbarNav {
    position: absolute;
    top: 90%;
    background-color: #ffffffdb;
    width: 100%;
    color: #000;
    text-align: right;
    justify-content: center;
    left: 0;
    padding: 2em;
}

#navbarNav a {
    color: #000;
    font-weight: bold;
}

button.navbar-toggler {
    position: absolute;
    right: 1em;
    top: 1em;
}

button.navbar-toggler.collapsed {
    position: absolute;
    right: 1em;
}

.links a {
    margin: 1em;
}

.col-md-5.testimony a {
    text-decoration: underline;
}

.col-md-5.testimony {
    /* padding: 2em; */
    /* margin: 1em; */
}

.supportSection h1 {
    margin: 1em auto;
}

.appSection article {
    display: block;
    text-align: center;
}

.appCopy {
    display: block;
    text-align: center;
    margin-top: 3em;
}

.footerSection {
    padding-top: 7em;
}

img.img-fluid {}

.appSection img{
    margin: 0 auto;
    display: block;
}
}

@media (max-width:425px) {
	*{}

header {
    height: unset !important;
    min-height: 75vh !important;
}
.headerContent {padding-top: 0px;}

nav.navbar.navbar-expand-lg.navbar-light {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

button.navbar-toggler {
    position: absolute;
    right: 1em;
    top: 1em;
}

.supportSection h4 {
    margin-right: 0;
    margin-top: 1em;
}

.supportSection h1 {
    margin: 0;
}

.appSection img {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.appCopy article img{
    margin: 0 auto;
}
}



@media (max-width:375px) {
	*{}

.trpHeader {padding-top: 4em;}

button.navbar-toggler.collapsed {
    position: absolute;
}

a.btn.btn-outline-light.getStartedBtn {
    width: 100%;
    margin-bottom: 3em;
}

body {
    font-size: 10px;
}
}
@media (max-width:320px) {
	*{}

a {}

h1 {
    font-size: 1.7rem;
}

body {
    font-size: 0.7rem;
}

.paymentSection a.btn.btn-outline-dark {
    margin: 0 auto;
    display: block;
}

.linksSection {
    margin: 4em 0;
}

.supportSection .testimony {
    padding: 83px 8px;
    margin: 0em;
}

.supportSection .row {
    margin: 5px;
    max-width: 95%;
}

.supportSection h4 {margin: 1em;}

.supportSection h1 {
    margin-right: 0;
}

.supportSection.row {
    text-align: center;
}

.paymentSection {
    margin: 6em 0;
    text-align: left;
}

.col-md-6.appCopy {
    text-align: center;
}

.appSection img {
    width: 100%;
}

.moduleSection .col-md-6.row {
    margin: 0 auto;
}

section.container-fluid {
    padding: 0;
    margin: 0 auto;
}

header p {
    padding-right: 0;
}

.appCopy article img{
    margin-bottom: 1em;

}
}