
#x{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 25px;
}
#innerx{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 95%;
    width: 95%;
    /* background-color: #DAAD86; */
    background-color: #daad86c0;
    box-shadow: 0px 0px 3px 10px #DAAD86;
    border-radius: 10px;
}
#img{
  height: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
 
}
#img img{
    width: 50%;
    border-radius: 36%;
}
#Webname{
    position: absolute;
    top: 13%;
}
#Webname h1{
    color:#634017;
    font-size: 8em;
    word-spacing: 0.3em;
    letter-spacing: 20%;
    font-family: 'Macondo', cursive;
    filter: drop-shadow(10px 10px 20px);
}

/* RESPONSIVE */
@media(max-width:600px){
    /* 
    Phones
    */
    #Webname h1{
        font-size: 4em;
        letter-spacing: 10%;
    }
}
@media(min-width:600px){ /* 600px-768px*/
    /* 
    portrain tablets and big phones
    */
    #Webname h1{
        font-size: 5em;
        letter-spacing: 10%;
    }
}
@media(min-width:768px){ /* 768px-992px*/
    /* 
    tablet
    */
    #Webname h1{
        font-size: 6em;
        letter-spacing: 10%;
    }

}
@media(min-width:992px){/*992px-1200px*/
    /* 
    Laptops
    */
    #Webname h1{
        font-size: 7em;
        letter-spacing: 10%;
    }
}



