@font-face {
font-family: "CirceLight";
src: url("/wp-content/themes/botiga/assets/fonts/bochetti/CirceLight.ttf") format("opentype");
}
p {
margin: 0;
}
body {
margin: 0;
}
.text {
text-align: center;
padding-top: 10%;
font-family: CirceLight;
color: #111;
font-size: 2em;
}
.background {
background-color: #fff;
width: 100%;
float: left;
}
.image {
float: right;
height: 80%;
}
.image img {
max-height:100%; 
float: right;
}
.background_2 {
width: 100%;
height: 20%;
float: right;
}
.links {
width: 65%;
float: left;
text-align: left;
padding-top: 2%;
}
.links-icon {
display: inline-block;
margin-left: 25px;
}
.links-icon img {
width: 80px;
}
.social {
width: 100%;
text-align: center;
padding-top: 7%;
font-family: CirceLight;
font-size: 22px;
}
.social-icon {
display: inline-block;
margin-top: 10px;
}
.social-icon img {
width: 50px;
}
.logo_mobile {
display: none;
}
.tekst_sverhu_kartinki {
display: none;
}
@media screen and (max-width: 1024px) {
.links {
width: 100%;
float: none;
text-align: center;
}
.links-icon {
margin-left: 10px;
margin-right: 10px;
}
.image {
float: none;
height: auto;
width: 100%;
}

.social {
    position: fixed;
    bottom: 50px;
}

.image img {
max-height: unset;
max-width: 100%;
float: none;
}
.logo_mobile {
display: block;
text-align: center;
}
.tekst_sverhu_kartinki {
display: block;
position: absolute;
top: 60%;
color: #fff;
width: 100%;
text-align: center;
font-family: CirceLight;
font-size: 40px;
}
}
@media screen and (max-width: 468px) {
.tekst_sverhu_kartinki {
top: 40%;
}	
}