@font-face {
    font-family: 'CabritoDidone-NorReg';
    src: url('../fonts/CabritoDidone-NorReg.eot');
    src: url('../fonts/CabritoDidone-NorReg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CabritoDidone-NorReg.woff2') format('woff2'),
        url('../fonts/CabritoDidone-NorReg.woff') format('woff'),
        url('../fonts/CabritoDidone-NorReg.ttf') format('truetype'),
        url('../fonts/CabritoDidone-NorReg.svg#CabritoDidone-NorReg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.docdata{
    background: transparent!important;
}
.docdata span{
    font-size: 25px!important;
    color: #2c2c2c!important;
}
body {
    background: #F7F1EB;
    position: relative;
    width: 100%;
    margin: 0 auto; 
    height: 100%;
    color: #2c2c2c;
    font-family: 'CabritoDidone-NorReg'; font-weight: normal; font-style: normal;
}

.header {
    border-bottom: 3px solid #000;
    padding: 15px 0
}

section{
	box-sizing: border-box;
	padding: 15px;
    direction: rtl;
}
.header__top {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo {
    width: 200px;
    display: block
}

html {
    margin: 0 !important
}

strong {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}
ul{
    margin-bottom: 12px;
    padding-left: 20px;
}
li{
    margin-bottom: 5px;
}

em {
    font-weight: 700
}

p {
    display: block;
    margin-bottom: 10px
}

.container {
    max-width: 600px;
    margin: 0 auto
}

h3{
    margin-top: 20px;
    display: block;
}
h3>a{
    display: block;
    text-align: center;
    width: 100%;
    max-width: 130px;
    margin: 20px auto 25px;
    padding: 10px 30px;
    background: #F2E6DC;
    color: #313132;
    transition: 0.3s;
    border-radius: 5px;
    font-size: 18px;
    border: 2px solid #2c2c2c;
    text-decoration: none;
}
h3>a:hover{
    background: #F2CDAF;
}

@media screen and (min-width:1400px) {

    .menu_overlay,
    .mobile_menu {
        display: none
    }

    .overflow_hidden {
        overflow: visible
    }

    @media screen and (min-width:1400px) {
        .header {
            display: none
        }

    }
}