@import url('style1.css');

.button {
    background-color: #d55437;
    color: white;
    padding: 2% 5%;
}
.banner{
 width: 100%;
 height: 80vh;
 overflow: hidden;
}
.banner img{
    object-fit: cover;
}
.container {
    width: 100%;
    padding: 8%
}
.d-fl{
    display: flex;
    column-gap: 2%;
    margin-top: 2%; 
    justify-content: space-between;   
}
.d-gr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
input{
    width: 100%;
    margin: 1vh 0;
    padding: 2%;
    border: 1px gray solid;
    font-size: 16px;
}
textarea#msg {
    width: 100%;
    padding: 3%;
    height: 200px;
    border: 1px gray solid;
    font-size: 18px;
}
#msg:focus, #name:focus, #email:focus, #mobile:focus{
    outline: none;
}

.social-icon{
    padding-right: 10px;
}

@media screen and (max-width:1024px) {
    .container{
        height: auto;
    }
    .banner{
        height: 100%;
    }
    .d-gr{
        grid-template-columns: 1fr;
    }
}