body{max-width:1200px;
margin: auto;
background-color: #FDD9B5;
/* background-image:url("https://cdn2.tu-tu.ru/image/pagetree_node_data/1/0275d27433408ef3ff3b6610f6db42b3/");
background-size: no-repeat;
background-position: center;
background-size: cover; */
font-family: Arial, Helvetica, sans-serif;}

header {width: 100%;
    display:flex;
    justify-content: space-around;
    align-items: center;
background-color: #FDD9B5 ;
color:#781F19 ;}

nav{margin: 5%;}
a{padding:5px;
text-decoration: none;
color: black;
font-size: 120%;}
a:hover {color: #FF0000;;}

.backImg{width: 100%;
    
}

/* .backPrint{width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5%; 
    
    transform: translate(0,-300%);
color: #fffa0e;
font-size: 500%;
} */

main{display: flex;
    justify-content: center;
}
.about {width: 100%;
    display: flex;
    /* height:300px; */
background-color: #FDD9B5;}

.about h1 {padding: 5%;}


.leftColumn{width: 50%;
height: 80%;}
.leftColumn p {padding: 3%;
font-size: 200%;}

.rightColumn{width: 50%;
    height: 80%;}
    .rightColumn p {padding: 5%;
        font-size: 150%;}
        .luna{padding: 5% 0 2% 0;}

        .img1{margin: auto;}
    
    .photos, .photos2{display: flex;
    justify-content: space-between;}
    .img2{padding: 2% 0 2% 0;}

    .weAreBest{text-align: center;}

    .weAreBest h1{padding: 5% 0 2% 0;}

    .weAreBest h2 {color:#781F19;
    padding-top: 3%;}

    .weAreBest p {font-size: 120%;}

    .price{text-align: center;}

    .price h1{padding: 5% 0 2% 0;}
    .price p{font-size: 120%;
    padding-bottom: 2%;}
    
    .weAreHere{width: 30%;
    height: 150px;
    font-size: 120%;
    padding: 1% 0 0 1%;
background-color: #FDD9B5;
position: absolute;
top: 950%;
left: 5%;
} 

.contacts a{ font-size: 130%;
}

.icons{margin-top: 2%;}

.contacts a {color: black;}

.map{width: 100%;
margin: auto;}

.icons a {size: 100%;}
 a :hover{transform:scale(1.2)}






 @media only screen and (max-width: 480px){
    body{max-width:100%;
        margin: auto;
        
       
        background-color: #FDD9B5;
        font-family: Arial, Helvetica, sans-serif;}

        header{display: block;
        text-align: center;
    }
    
    nav{max-width:100%;
        margin: auto;
        /* display: flex; */
    justify-content: space-between;
align-items: center;}

        .backPrint{display: none;
        }
        main{max-width: 100%;
            display: block;
            justify-content: center;
            margin: auto;
            text-align: center;
        }

        .about{display: block;
        justify-content: center;
    align-items: center;}
    .leftColumn{width: 100%;}
    .rightColumn{width: 100%;}

        .map{display: none;}

        .weAreHere{display: none;}

}