.image-container {
    position: relative;
    width: 100%;
    height: 86%;
    margin: auto;
    top: 7%;
    text-align: center;
    background-color: #ffffffa6;
}

h2.main-title {
    color: #ca0202;
    margin: auto;
    text-align: center;
    font-size: 33px;
    position: relative;
    font-family: Montserrat-Light;
}

h1.title {
    color: #ca0202;
    font-size: 30px;
    font-family: Montserrat-Light;
}

h1.title_2 {
    color: #0054a5;
    font-size: 18px;
    text-align: center;
    font-family: Montserrat-Light;
}

h1.title_3 {
    color: #0054a5;
    font-size: 20px;
    font-family: Montserrat-Light;
}

.container {
    position: relative;
    margin: auto;
    text-align: center;
}

h3.sub-title {
    color: #878787;
    font-size: 18px;
    font-family: calibril;
    font-weight: bold;
}

h3.sub-title_2 {
    color: #ca0202;
    font-size: 18px;
    font-family: calibril;
    font-weight: bold;
}


p.text {
    text-align: left;
    color: #878787;
    font-size: 21px;
    font-family: calibril;
}

p.text_2{
    height: 4vw;
    background: #bf2e35;
    position: relative;
    top: -1.7vw;
    color: white;
    text-align: start;
    font-size: 23px;
    padding: 14px;
    font-family: calibril;
}

.button {
    text-align: center;
    width: 50%;
    height: 30px;
    background-color: #bf2e35;
    position: relative;
    top: 10px;
    margin: auto;
    cursor: pointer;
}

.numbers {
    margin: auto;
    width: 100%;
    height: 225px;
    background-color: #efefef;
    position: relative;
    top: 43px;
    overflow: hidden;
}

.left {
    padding-left: 1%;
    width: 250px;
    height: 100%;
    text-align: initial;
}

.right {
    width: 250px;
    height: 100%;
    float: right;
    position: relative;
    top: -202%;
    text-align: initial;
}

.research {
    margin: auto;
    width: 912px;
    height: 350px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.center {
    width: 250px;
    height: 100%;
    position: relative;
    left: 37%;
    text-align: initial;
    top: -101%;
}

.left-2 {
    /* border: 1px solid red; */
    width: 210px;
    height: 100%;
    text-align: center;
}

.right-2 {
    width: 210px;
    height: 100%;
    float: right;
    position: relative;
    top: -121.5%;
    text-align: center;
}

.button-2 {
    width: 46%;
    height: 21px;
    margin: auto;
    cursor: pointer;
    font-family: calibri;
    font-size: 18px;
}

.buttons{
    position: relative;
    top: -43px;
    width: 103%;
    font-family: calibril;
    font-size: 20px;
    height: 30px;
    cursor: pointer;
    margin: -20px;
}

.socials {
    width: 600px;
    margin: auto;
    position: relative;
    height: 60px;
    top: 90px;
}

img.social {
    width: 10%;
    height: 95%;
    padding-left: 9%;
    position: relative;
    left: -5%;
}

p.text-2 {
    text-align: center;
    color: #7a8287;
    font-size: 16px;
    font-family: calibril;
    position: relative;
    top: 60px;
    z-index: 1;
}

.footer {
    width: 600px;
    margin: auto;
}

img.footer-2 {
    width: 100%;
    position: relative;
    top: -23px;
}

.site {
    top: 185px;
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 25px;
    cursor: pointer;
    font-family: calibril;
    text-decoration: none;
}

@font-face {
    font-family: Montserrat-Light;
    src: url("fonts/Montserrat-Light.otf") format("opentype");
}

@font-face {
    font-family: calibril;
    src: url("fonts/calibril.ttf") format("opentype");
}