h1{
float:right;
width:100%;
padding:0;
margin:42px 0 0 0;
font-weight:bold;
font-size:48px;
text-align:center
}
.form_holder{
float:right;
margin:31px 17px 0 0;
padding:0;
width:604px
}
.form_holder input[type="text"]{
float:right;
border:1px solid black;
padding:14px 18px 12px 0;
margin:0 0 13px 0;
width:584px;
font-size:24px
}
.form_holder textarea{
float:right;
border:1px solid black;
padding:5px 18px 12px 0;
margin:0 0 13px 0;
width:584px;
font-size:24px;
height:255px
}
.form_holder input[type="submit"]{
float:right;
padding:0;
margin:38px 214px 0 0;
width:177px;
-webkit-appearance:none;
background:black;
color:white;
font-weight:bold;
font-size:32px;
border:0;
height:56px;
border-radius:0
}
.contact_info{
float:right;
width:100%;
text-align:center;
margin:52px 0 0 0
}
.contact_info .info_section{
float:right;
width:100%;
text-align:center;
font-size:35px;
font-weight:bold;
position:relative;
padding:0 0 55px 0
}
.contact_info .info_section::after{
content:"";
position:absolute;
bottom:0;
right:0;
left:0;
margin:0 auto;
width:60px;
height:3px;
background:black
}
.contact_info .info_section .name{
float:right;
width:100%;
text-align:center;
margin:0 0 8px 0
}
.contact_info .info_section a{
float:right;
width:100%;
text-align:center;
color:black;
text-decoration:none;
margin:0 0 8px 0
}
.contact_info .address_section{
float:right;
width:100%;
text-align:center;
font-size:36px;
margin:36px 0 0 0;
line-height:60px
}
.contact_info .social{
float:right;
width:100%;
font-weight:bold;
text-align:center;
margin:62px 0 59px 0
}
.contact_info .social a{
display:inline-block;
margin:0 13px
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width :1224px) {
/* Styles */
.contact_holder{
float:right;
width:233px;
padding:0 301px 0 0;
margin:36px 0 0 0
}
.contact_holder h1{
text-align:right;
font-size:30px;
width:100%;
margin:0;
position:relative;
height:66px
}
.contact_holder h1::after{
content:"";
position:absolute;
width:45px;
height:4px;
background:black;
bottom:0;
right:0
}
.contact_holder .contact_info{
margin:0
}
.contact_holder .contact_info .info_section {
text-align:right;
font-size:16px;
line-height:normal;
padding:19px 0 0 0
}
.contact_info .info_section .name{
text-align:right
}
.contact_info .info_section a{
text-align:right
}
.contact_info .info_section::after{
display:none
}
.contact_info .address_section{
text-align:right;
line-height:normal;
font-size:16px;
margin:3px 0 0 0;
position:relative;
line-height:18px;
padding:0 0 44px 0
}
.contact_info .address_section::after{
content:"";
position:absolute;
width:25px;
height:4px;
background:black;
bottom:0;
right:0
}
.contact_info .social{
text-align:right;
margin:42px 0 0 0
}
.contact_info .social a{
margin:0;
width:18px
}
.contact_info .social a > img{
display:inline-block;
max-width:100%
}
.form_holder{
margin:50px 0 0 0;
width:388px
}
.form_holder input[type="text"]{
width:374px;
font-size:14px;
padding:0 11px 0 0;
height:40px;
margin:0 0 7px 0
}
.form_holder textarea{
width:374px;
font-size:14px;
padding:5px 11px 0 0;
height:170px;
margin:0
}
.form_holder input[type="submit"]{
padding:0;
margin:6px 273px 0 0;
width:114px;
height:38px;
font-size:22px
}
.form_holder input[type="submit"]:hover{
background-color:#ff0033
}
}
/* Large screens ----------- */
@media only screen  and (min-width :1824px) {
/* Styles */
.contact_holder {
width:433px;
padding:0 401px 0 0
}
.contact_holder h1 {
font-size:40px
}
.contact_holder .contact_info .info_section {
font-size:18px
}
.contact_info .address_section {
font-size:18px
}
.form_holder {
width:488px
}
.form_holder input[type="text"] {
width:474px;
font-size:16px
}
.form_holder textarea {
width:474px;
font-size:16px
}
.form_holder input[type="submit"] {
margin:6px 373px 0 0
}
}