nav {
    z-index: 10;
}
.ins-wraper {
    background-color: var(--main-black);
    min-height: 100vh;
}
.insurance-main {
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--main-orange);
}
.ins-pic,
.ins-txt,
.ins-contact {
    min-height: 200px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--main-white);
    
}
.insurance-img img {
    width: 150px;
    height: auto;
    transform: scale(0.3);
    animation: insurance-logo-ANIMATION .5s .2s both ease-in-out;
}
.ins-pic {
    flex: 1 1 200px;
}

.ins-txt {
    flex: 3 1 400px;
}

.ins-contact {
    flex: 1 1 200px;
}
.ins-pic-content,
.ins-contact-content {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}
.ins-contact-content {
    flex-direction: column;
    text-align: center;
}
.ins-contact-content a {
    color: var(--main-black);
}
.rr-forum {
    background-color: var(--main-orange);
    color: var(--main-black);
    padding: 5px;
    margin-top: 10px;
    transition: .3s;
}
.rr-forum:hover {
    background-color: var(--main-black);
    color: var(--main-orange); 
}
.ins-pic-name,
.ins-txt-name,
.ins-contact-name {
    text-align: center;
    padding: 10px;
    background-color: rgb(48, 47, 47);
    color: var(--main-orange);
}
.ins-pic-content,
.ins-txt-content,
.ins-contact-content {
    padding: 10px;
    
}
.insurance-main {
    animation: insurance-content-ANIMATION .5s .4s both; 
}
.insurance-main:nth-child(odd) {
    animation: insurance-content-ANIMATION .5s .2s both;
}


@keyframes insurance-content-ANIMATION {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
  }

  @keyframes insurance-logo-ANIMATION {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1.2);
	}
  }

  @media screen and (max-width: 900px) {
    .insurance-main {
        width: 100%;
    }

  }