@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&family=Zen+Kurenaido&display=swap');
body {margin: 0; padding: 0;
  font-family: 'Jost', sans-serif;
font-size: 100%;
}

body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.onapr {
  font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
}

article h3 {
  font-size: 22px;
}

article p {
  font-size: 18px;
}


header, nav, menu {   
  display: flex; /* or inline-flex */
    flex-wrap: wrap;
}

header { 
    justify-content: space-evenly; align-items: center;
}
a {text-decoration: none;
}

header a {font-size: 200%; color: #000;
}
.watsapp {width: 200px;  
}

#logo {width: 100px;  
}

.text3d-1 {
    font-size: 30px;
    letter-spacing: 3px;
    color: #ff0000;
    font-family: Impact, Charcoal, sans-serif;
    text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px, #9c9c9c 1px 3px 1px, #9c9c9c 1px 4px 1px, #9c9c9c 1px 5px 1px, #9c9c9c 1px 6px 1px;
} 
@media (max-width:600px) {
    .text3d-wrap-1, .text3d-1 {  
    width: 100%; text-align: center;
} 
}

nav, menu {   
list-style: none;   background-color: #fff; 
/* background-color: #ff0000; */
  justify-content: space-around;
}
 menu {   
padding-inline-start: 0;
}


h3 {margin-top: 50px !important;
} 

nav a, footer menu a {text-align: center; flex-grow: 1; line-height: 2.5;  
border-width: 1px; 
border-style: solid;
  border-color: #ff0000;
/*	display: block; 
float: left;  margin: 1% 0; width: 18%; 
	 color: #fff; */ color: #000;
}

h1, h3, h4, footer {text-align: center; 
}
p {text-align: justify 
}
article { margin: 1% auto;  width: 85%;  
}

section { margin: 5% 0;  
}

article img { margin: 1%;  width: 25%;
}
.glop {
text-align: center !important;
} 
.onapr {margin: 50px 0;
} 
.dogovor section { margin: 1%; width: 48%; float: left;  
}

@media screen and (max-width: 768px) {
article img { width: 35%;
}
}


.uslugi, .dog { margin: 1% auto;  width: 85%; background-color: #fff;  
}
.uslugi li { width: 22%;
}
.uslugi li a { color: #42aaff;
}
.uslugi li a:hover { color: #000;
}


.dog li { width: 45%; color: #000;
}
.dog li a { color: #42aaff;
}
.dog li a:hover { color: #000;
}

@media screen and (max-width: 768px) {
.uslugi, dog { width: 90%;
}
.uslugi li { width: 20%; margin: 5%;
}
}

@media screen and (max-width: 600px) {
.uslugi li { width: 40%; margin: 5%;
}
}

.napr {
  display: flex; /* or inline-flex */
    flex-wrap: wrap;
    margin: 0 auto;
    width: 99%;
    justify-content: center;
	gap: 20px 2%;
}
figure {
    width: 25%;
    text-align: center;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
    background: radial-gradient(#edf1cf, #43acb4);
/*   -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); */
}
/*
figure {
    transform: scale(1);
    box-shadow: 0 0 5px 5px rgba(34, 60, 80, 0.2);
    transition: box-shadow 0.5s, transform 0.5s;
}
figure:hover {
    ransform: scale(1.2);
    box-shadow: 0 0 15px 7px rgba(34, 60, 80, 0.2);
    transition: box-shadow 0.5s, transform 0.5s;
}
*/
.napr img {
    border-radius: 50%;
    width: 90%;
    transform: scale(1);
box-shadow: 10px 10px 10px 0px rgba(34, 60, 80, 0.2);
}

.napr img:hover {
    ransform: scale(1.2);
    box-shadow: 0 0 15px 7px rgba(34, 60, 80, 0.2);
    transition: box-shadow 0.5s, transform 0.5s;
}
figcaption {margin: 10px 0; font-weight: 500;
    text-align: center;color: #000;
  /*  text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px, #9c9c9c 1px 3px 1px;*/
text-shadow: #fff 0.006em 0.006em 0.007em, #fff 1px 1px 1px, #fff 1px 2px 1px, #9c9c9c 1px 3px 1px;
    
}

@media (max-width: 1280px) {
     figure {
        width: 23%;
    }
}

@media (max-width: 980px) {
     figure {
        width: 20%;
    }
}
@media (max-width: 780px) {
     figure {
        width: 35%;
    }
}

@media (max-width: 600px) {
     figure {
        width: 65%;
    }
}

/*
@media screen and (max-width: 600px) {
nav a, menu li { width: 98%; margin: 2% 0%;}
header menu { margin-left: -30px  !important;  }
}
@media screen and (max-width: 320px) {
menu { width: 85%;  
}
}
*/