@media (max-width:1400px){

main{width: 100%; height: 640px;}

header div img{}
header span{}
nav a:first-child{}

main>div{
width: 100%;
height: 800px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

main .main-h1{font-size: 56px;}

/* **************************************************** */
.get-text h2{font-size: 36px;}
.get-text p{font-size: 15px;}
.get-text i{font-size: 36px;}
/* **************************************************** */
.get{height: 600px;}
.get>div{width: 50%; padding: 60px 6%;}
.get>div h2{font-size: 32px;}
.get>div p{font-size: 14px;}
.get>div button{padding: 14px 26px; font-size: 10px;}

/* **************************************************** */
.bespoke-text>div>h2{font-size: 36px;}
.bespoke-text>div>p{font-size: 15px;}

/* **************************************************** */
.bespoke{
width: 100%;
height: 900px;
background: #333;

display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.bespoke section{
width: 50%; height: 50%;
display: flex;
flex-wrap: wrap;
}

.bespoke h3{
font-size: 22px;
margin-top: 50px;
}

.bespoke button{margin: 320px 0 60px 0;}

/* **************************************************** */
.design-text{
display: flex;
flex-wrap: wrap;
padding: 0 40px;
}

.design-text h2{font-size: 36px;}

.design-text p{font-size: 15px;}
/* **************************************************** */
.design{
width: 100%;
height: 1000px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.design section{
width: 100%;
height: 25%;
display: flex;
flex-wrap: wrap;
}

/* **************************************************** */
.greetings{height: 260px;}

.greetings h2{font-size: 36px; padding-bottom: 20px;}
.greetings p{font-size: 15px;}

.greetings> :nth-child(1), .greetings> :nth-child(2){
width: 60px;
height: 60px;
padding: 14px;
font-size: 28px;
line-height: 24px;
top: 42%;
}

.greetings> :nth-child(1){left: 8%;}
.greetings> :nth-child(2){right: 8%;}

.greetings img{
width: 60px;
margin: 0.1rem 2%;
}

/* **************************************************** */
.event{width: 100%; height: 320px; padding: 30px 200px;}
.event h2{font-size: 36px;}
.event table{width: 100%;}
.event th, td{font-size: 15px;}

/* **************************************************** */
footer h2{font-size: 36px;}
footer p{font-size: 15px;}

footer h2, p{color: #fff;}
form label{color: #fff;}

form input{padding: 14px;}

form textarea{height: 54px;}

form button{width: 140px;}
/* **************************************************** */
address h2{font-size: 36px; color: #fff;}

address p{font-size: 15px; color: #fff;}
}

/* ************************************************ */

@media (max-width:800px){

main{width: 100%; height: 620px;}

header div img{width: 120px; left: 60px;}

header span{
font-size: 26px;
right: 50px;
top: 22px;
}

nav a:first-child{
font-size: 26px;
margin: 24px 50px;
}

main>div{width: 100%; height: 700px;}

main .main-h1{font-size: 50px;}

/* **************************************************** */
.get-text h2{font-size: 30px;}
.get-text p{font-size: 14px;}
.get-text i{font-size: 32px;}
/* **************************************************** */
.get{height: 300px;}
.get>div{width: 50%; padding: 16px 4%;}
.get>div h2{font-size: 24px; padding: 0px 0px 20px;}
.get>div p{font-size: 8px; margin: -6px 0;}
.get>div button{
padding: 6px 10px;
margin-top: 30px;
font-size: 8px;
border-radius: 6px;
}

/* **************************************************** */
.bespoke-text>div>h2{font-size: 30px;}
.bespoke-text>div>p{font-size: 14px;}

/* **************************************************** */
.bespoke{width: 100%; height: auto;}

.bespoke section{width: 100%; height: 100%;}

.bespoke h3{
font-size: 24px;
width: 160px;
height: 30px;
margin: 50px;}

.bespoke button{margin: 320px 0 60px 0;}

/* **************************************************** */
.design-text{
display: flex;
flex-wrap: wrap;
}

.design-text h2{font-size: 30px;}

.design-text p{
font-size: 14px;
margin-top: -10px;
}
/* **************************************************** */
.design{width: 100%; height: 1000px;}
.design section{width: 100%; height: 25%;}

/* **************************************************** */
.greetings{
width: 100%;
height: 200px;
padding: 30px 0 20px;
}

.greetings h2{font-size: 30px;}
.greetings p{font-size: 14px; margin-top: -10px;}

.greetings> :nth-child(1), .greetings> :nth-child(2){
width: 36px;
height: 36px;
padding: 10px;
font-size: 20px;
line-height: 12px;
top: 50%;
}

.greetings> :nth-child(1){left: 4%;}
.greetings> :nth-child(2){right: 4%;}

.greetings img{width: 36px;}

/* **************************************************** */
.event{width: 100%; height: 320px; padding: 40px 50px;}
.event h2{font-size: 30px;}
.event table{width: 100%;}
.event th, td{font-size: 14px;}

/* **************************************************** */
footer h2{font-size: 30px;}
footer p{font-size: 14px;}
form input{padding: 10px;}

form textarea{height: 50px; padding: 10px;}

form button{width: 120px;}
/* **************************************************** */
address h2{font-size: 30px; color: #fff;}

address p{font-size: 14px; color: #fff;}
}