.bg-page-v{
    background-color: rgb(6, 24, 100);
    padding: 2rem 0;
    margin: 20rem 0 8rem 0;
}

.bg-page-v h1{
    font-size: 4rem;
    color: white;
    font-weight: 400;
}

.container h2{
    font-size: 2rem;
}

.fa-long-arrow-alt-right{
    color: rgb(6, 24, 100);
}

.rectangle{
    border: .5rem solid rgb(6, 24, 100);
    margin: 2rem 0;
    border-radius: 4rem;
}

.for-table{
    -webkit-box-shadow: 8px 8px 24px -16px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 24px -16px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 24px -16px rgba(66, 68, 90, 1);
    border-radius: 2rem;
    min-height: 24rem;
}
.for-table h2{
    font-size: 2.6rem;
    color: rgb(6, 24, 100);
}

.for-table-border{
    border-bottom: rgb(6, 24, 100) dashed .2rem;
    margin: 1rem 3rem;
}

/* Olimpic circles */
.dot-content{
    border-radius: 50%;
    border: .3rem solid rgb(6, 24, 100);
    height: 30rem;
    width: 30rem;
}
.dot-content h2{
    color: rgb(6, 24, 100);
    font-size: 2rem;
}
.dot-content p{
    font-size: 1.6rem;
}

.dots-cont, .dot-cont0, .dot-cont1, .dot-cont2, .dot-cont3, .dot-cont4{
    position: relative;
}
@media (min-width: 992px) and (max-width: 1350px){
    .dots-cont{
        transform: translateY(0);
    }
    .dot-cont0{
        transform: translate(-.5rem, -1rem);
    }
    .dot-cont1{
        transform: translate(.5rem, -1rem);
    }
    .dot-cont2{
        transform: translate(-1rem, -5rem);
    }
    .dot-cont3{
        transform: translate(0, -5rem);
    }
    .dot-cont4{
        transform: translate(1rem, -5rem);
    }
}
@media (min-width: 1351px){
    .dots-cont{
        transform: translateY(7rem);
    }
    .dot-cont0{
        transform: translate(-3.5rem, 3rem);
    }
    .dot-cont1{
        transform: translate(3.5rem, 3rem);
    }
    .dot-cont2{
        transform: translate(-7rem, -5rem);
    }
    .dot-cont3{
        transform: translate(0, -5rem);
    }
    .dot-cont4{
        transform: translate(7rem, -5rem);
    }
}

/* Tables' height */
@media (max-width: 776px){
    .for-table{
        min-height: 12rem;
    }
}
@media (min-width: 776px) and (max-width: 992px){
    .for-table{
        min-height: 16rem;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .for-table{
        min-height: 34rem;
    }
}
@media (min-width: 1200px) and (max-width: 1400px){
    .for-table{
        min-height: 27rem;
    }
}
@media (min-width: 1400px){
    .for-table{
        min-height: 24rem;
    }
}