#activity{background-image:url(/Files/App_002/Images/activity-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;color:#fff;}
#bacgroup{/*background-image:url(/Files/App_002/Images/group-bg.jpg);background-repeat:no-repeat;background-size:contain;background-position:bottom  right;*/}
h2{color:#232963;font-size:36px;text-transform:uppercase;font-weight:800;}

#presentation{padding:80px 0;}

#activity {padding: 60px 0 100px 0;}
#activity h2{color:#fff;font-size:50px;text-align:center;letter-spacing:4px;}
#activity p{color:#fff;text-align:center;}
#activity .zigzag{text-align:center;}

#bacgroup {padding: 70px 0 200px 0;}
#bacgroup h2{color:#232963;font-size:50px;text-align:center;letter-spacing:4px;}
#bacgroup .zigzag{text-align:center;}

@media screen and (max-width:991px){
#presentation{padding:0 0 80px 0;}
#presentation > .container > .row{display: grid;grid-template-rows: repeat(2, 1fr);grid-column-gap: 30px;}
#presentation > .container > .row > div:first-child{display:flex;flex-direction:column;align-items:center;justify-content: space-evenly;padding:30px 15px;}
}
@media screen and (max-width:767px){
h2{font-size:39px !important;}
}
@media screen and (max-width:500px){
#presentation > .container > .row{display:block;}
#presentation .img-responsive{}
}