@media (min-width: 950px) {
    #doc_directory iframe{
        width: 53%;
    
    }
}

@media (max-width: 949px) and (min-width: 525px){
    #doc_directory iframe{
        width: 90%;
    
    }
}

@media (max-width: 524px){
    #doc_directory iframe{
        width: 95%;
    
    }
}



body {
    background-color: rgb(247, 255, 255);
}




#doc_directory{
    display: flex;
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали, если контейнер имеет высоту */
    height: 100vh; /* Высота на весь экран (если требуется центрирование по всей странице) */

    overflow: hidden;
}

#doc_directory iframe{
    margin-top: 20px;

    height: 700px;

    overflow: hidden;
}



#main_directory {

    margin: 0 auto;
    width: 60%;


    display: flex;
    flex-direction: column;
    align-items: center;
}


#main_directory h1{
    margin-top: 30px;

    font-size: 2.5em;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 600;
    max-width: 1080px;

    text-align: center;
}
#main_directory p{
    margin-top: 10px;

    font-size: 1.0em;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 500;
    max-width: 1080px;

    text-align: center;
}





#link_a {
    color: rgb(0, 81, 116);
}