@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,500;1,300&display=swap);

body {
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
}
    .container {
        display: inline-block;
        margin-top: 50px;
    }
        .main-title {
            display: inline-block;
            width: 80%;
            padding: 0 10% 5% 10%;
            margin: 0;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            font-size: 2em;
        }
        .subtitle {
            display: inline-block;
            width: 60%;
            padding: 0% 20% 5% 20%;
            margin: 0;
            text-align: center;
            text-transform: lowercase;
            font-weight: lighter;
            font-size: 2em;
        }
        .second-subtitle {
            display: inline-block;
            width: 40%;
            padding: 0% 30% 20% 30%;
            margin: 0;
            text-align: center;
            text-transform: lowercase;
            font-weight: lighter;
            font-size: 1em;
        }
@media (min-width: 300px) {
    .container {
        margin-top: 50px;
        width: 200px;
        margin-left: calc(50% - 100px);
    }}
@media (min-width: 350px) {
    .container {
        margin-top: 200px;
        width: 800px;
        margin-left: calc(50% - 400px);
    }
    .container-bottom{
        width: 1200px;
        margin-left: calc(50% - 600px);
        font-size: 1em;
        float: left;
    }
        .contacts-address{
            display: inline-block;
            width: 30%;
            text-align: right;
            padding-left: 100px;
        }
        .contacts-telephone{
            display: inline-block;
            width: 164px;
            text-align: left;
        }
        .contacts-email {
            display: inline-block;
            width: 30%;
            text-align: left;
            padding-bottom:00%;
        }
        .personal-contacts-consultations{
            display: inline-block;
            text-align: right;
            width: 45%;
            font-size: 1em;
        }
        .personal-contacts-research{
            display: inline-block;
            text-align: left;
            width: 45%;
            font-size: 1em;
        }
}