* {
    margin: 0px;
}
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F1E0D8;
    background-image: url("detail.png");
    background-repeat: no-repeat;
    text-align: center;
}
div{    
    width: 100%;
}
#logo{
    width: 60%;
    margin-top: 10%;
}
h1.text{
    color: #7D4332;
    font-size: 3vw;
    font-family: "Bodoni Moda", serif;
}
p.text{
    color: #7D4332;
    font-size: 2vw;
    font-family: "Bodoni Moda", serif;
}
.socials{
    width: 100%;
    margin-top: 1%;
    flex-direction: block;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.icon{
    color: #7D4332;
    font-size: 1.5vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}
.icon{
    height: 2vw;
    text-decoration: none;
    flex-direction: block;
    display: flex;
    justify-content: center;
    align-items: center;
}  
a.icon:hover{    
    color: #3C1D1A;
    text-decoration: bold;
        transition: fill 0.3s ease-in-out;   
}
.icon:hover path{
    fill: #3C1D1A;
        transition: fill 0.3s ease-in-out;
}

@media only screen and (max-device-width:1200px){
    
#logo{
    width: 70%;
    margin-top: 15%;
}
h1.text{
    font-size: 4vw;
}
p.text{
    font-size: 2.5vw;
}
.socials{
    flex-direction: block;
}
a.icon{
    font-size: 3vw;
    padding-left: 1vw;
    padding-right: 1vw;
}
.icon{
    height: 3vw;
}  

}
@media only screen and (max-device-width:800px){
    
#logo{
    width: 80%;
    margin-top: 20%;
}
h1.text{
    margin-top: 2%;
    font-size: 5vw;
}
p.text{
    font-size: 3.5vw;
}
.socials{
    margin-top: 2%;
    flex-direction: block;
}
a.icon{
    font-size: 4vw;
    padding-left: 1vw;
    padding-right: 1vw;
}
.icon{
    height: 4vw;
}  

}
@media only screen and (max-device-width:550px){
div.text{
    width: 90%;
}
#logo{
    width: 100%;
    margin-top: 35%;
}
h1.text{
    margin-top: 2%;
    font-size: 6vw;
}
p.text{
    font-size: 5vw;
}
.socials{
    margin-top: 2%;
    flex-direction: column;
}
a.icon{
    font-size: 6vw;
    padding-top: 3vw;
    padding-left: 1vw;
    padding-right: 1vw;
}
.icon{
    height: 6vw;
}  

}
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');