@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



body {

    font-size: 16px;

    color: #000000;

    font-family: 'Roboto', sans-serif;

}

.titulo {

    font-size: 36px;

    color: #364A92;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    margin: 0px;

    text-align: center;

    background-color: #ffffffb3;

    padding: 20px;

}

.subtitulo {

    color: #fff;

    margin: 0;

    font-size: 30px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600!important;

    line-height: 30px!important;

}

.space-1{

  height: 30px;

}

.space-2 {

    height: 20px;

}

.space-3 {

    height: 10px;

}

.space-4 {

    height: 40px;

}

p {

	font-size: 16px;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

}

.no-padding {

    padding: 0;

}

.bg-1 {

    background-color: #364A92;

}

.bg-2 {

    background-color: #4bbef8;

}

.box-1 {

    padding: 40px 20px 40px 80px;

    width: 240px;

    float: right;

    position: relative;

    top: -282px;

}

.box-2 {

    padding: 20px 50px 20px 20px;

    position: relative;

    width: 240px;

}

.box-3 {

    padding: 40px 20px 40px 80px;

    width: 240px;

    float: right;

    position: relative;

    top: -482px;

}

.box-4 {

    padding: 20px 50px 20px 20px;

    position: relative;

    width: 240px;

}

.box-txt {

    position: absolute;

    top: 257px;

}

.box-1 p, .box-2 p, .box-3 p, .box-4 p {

    color: #fff;

    line-height: 22px;

    font-weight: 300;

}

.img-body-1 {

    position: relative;

    z-index: 1;

    top: 61px;

    float: left;

}

.img-body-2 {

    position: relative;

    z-index: 1;

    top: -300px;

    float: right;

}

.img-body-3 {

    position: relative;

    z-index: 1;

    top: -204px;

}

.img-body-4 {

    position: relative;

    z-index: 1;

    top: -402px;

    float: right;

}

.cont-1 {

    height: 398px;

}

.cont-2 {

    height: 358px;

}

.cont-3 {

    height: 342px;

}

.cont-4 {

    height: 284px;

}

.cont-5 {

    position: absolute;

    margin: 40px 0;

    display: block;

}

.cont-6 {

    height: 5px;

}

.social-bar {

    list-style: none;

    position: relative;

    top: 160px;

    z-index: 1;

    left: 30%;

}

.social-bar li {

    display: inline-block;

    width: 40px;

    width: 40px;

    margin-right: 10px;

}