/*set the background colors*/
.bg-dw_green{
background-color: #55bb71; }
.bg-dw_yellow{
background-color: #fbd350; }
.image-container {
    display: block;
    text-align: center;
}
/*Drop Down Stuff*/
/*setting the menu to become a dropdown*/
.small-menu{
    display:none;
}
/*Set the menu's based on the screen size*/
@media (max-width: 576px) {
    .reg-menu {
        display: none;
    }

    .small-menu {
        display: inline-block;
    }
}
/*Set the carousel to have easily visable arrows*/
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

/*Set the title text to be centered*/
.central-text{
    padding-top: 15px;
}
@media screen and (max-width: 768px) {
    .central-text {
        padding-top: 25px;
        padding-bottom: 5px;
    }
}
/*Set the team images to be change based on screen size*/
@media(min-width:700px){
    .mtt-image {
        max-width: 25%;
        max-height: 10%;
    }
}
@media(min-width:450px) and (max-width:700px){
    .mtt-image {
        max-width: 37%; 
        max-height: 15%;
    }
}

@media(max-width: 450px) {
    .mtt-image {
        max-width: 50%;
        max-height: 20%;
    }
}

/*Creating the usable text font*/
.comfortaa-title {
  font-family: "Comfortaa", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/*Setting the index image to be different sizes based on screen size*/
@media(min-width: 450px){
    .index-image {
        max-width: 55%;
        padding-top: 25px;
        padding-bottom:10px;
    }
}
@media(max-width: 450px) {
    .index-image {
        max-width: 75%;
        padding-top: 25px;
        padding-bottom: 10px;
        /*max-height: 20%;*/
    }
}

/*Setting the text size to change with screens*/
@media(max-width:450px){
    .phone-text {
        font-size:14px;
        text-align: center;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 10px;
    }
    .phone-text2 {
        font-size: 14px;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 10px;
    }
}
@media(min-width:451px) {
    .phone-text {
        font-size: 16px;
        text-align: center;
        padding-right: 50px;
        padding-left: 50px;
    }
    .phone-text2 {
        font-size: 16px;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 10px;
    }
}

/*Changing the size of the logo to make things look better*/
@media(max-width:450px){
    .logo{
        max-width:25%;
    }
}
@media(min-width:451px) and (max-width:700px) {
    .logo {
        max-width: 50%;
    }
}

@media(min-width:701px) {
    .logo {
        max-width:100%;
    }
}

/*Changing the size of the testimonials based on the screen size*/
@media(max-width:450px) {
    .review {
        margin: auto;
        max-width: 100%;
        padding-bottom: 5%;
        padding-top: 5%;
    }
}

@media(min-width:451px) and (max-width:700px) {
    .review {
        margin: auto;
        max-width: 85%;
        padding-bottom: 5%;
        padding-top: 5%;
    }
}

@media(min-width:701px) {
    .review {
        margin: auto;
        max-width: 75%;
        padding-bottom: 5%;
        padding-top: 5%;
    }
}
.form_item{
    padding-bottom:5px;
    padding-top:5px;
}
.add_form_item{
    padding-left:30px;
}

/*for when the screen is a phone for certifications and safety*/
@media(min-width: 450px) {
    .cns_normal {
        display:block;
    }
    .cns_small{
        display:none;
    }
}
@media(max-width: 450px) {
    .cns_normal {
        display: none;
    }

    .cns_small {
        display: block;
    }
}

.false {
    display: none;
}

.true {
    display: block;
}