.contacts-ban
{
display:flex;
width:100%;
height:200px;
background-color:transparent;
}


.con-home
{
display:flex-start;
align-items:center;
justify-content:center;
height:1200px;
width:100%;
background-image:url("images/contacts-bg.jpg");
}

.wrap-contacts
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
width:1200px;
height:1200px;
margin:auto;
}

.contacts-title
{
width:600px;
height:1200px;
margin:0 auto;
}
	.contacts-title h1
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:30px;
	color:white;
	}

.visit
{
height:240px;
width:400px;
border:5px solid #2b2b2a;
margin:50px auto;
background-color:#2b2b2a;
}

.addrss
{
height:80px;
width:300px;
border-top:5px solid darkred;
border-bottom:5px solid darkred;
margin:0 auto;
}

	.addrss p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:20px;
	color:white;
	}



.phone-number
{
display:flex;
align-items:center;
justify-content:center;
width:400px;
height:100px;
margin:0 auto;
border:5px solid white;
transform:skew(0deg);
background-color:orange;
}

	.phone-number p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:1.4rem;
	}


.gmap
{
height:400px;
width:400px;
margin:0px auto;
border:5px solid #2b2b2a;
}

.smedia
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:100px;
width:400px;
background-color:black;
margin:50px auto;
}

.media-border
{
background-size:cover;
height:60px;
width:60px;
margin:0 5px;
background-color:white;
border:5px solid black;
border-radius:50%;
overflow:hidden;
}

	.media-border img
	{
	height:100%;
	width:100%;
	}

.quotes-title
{
box-sizing:border-box;
height:850px;
width:600px;
margin:50px auto;
background-color:#2b2b2a;
}
	.quotes-title h2
		{
		font-family:"Trebuchet MS",sans-serif;
		text-align:center;
		font-size:2rem;
		color:white;
		}

.quick-quotes-notes
{
height:100px;
width:500px;
margin-left:20px;
font-family:"Trebuchet MS",sans-serif;
}

.paraquotes
{
height:60px;
width:30px;
margin:0 auto;

}

	.paraquotes p
	{	
	font-size:1.2rem;
	color:black;
	font-family:"Trebuchet MS",sans-serif;
	}

p
{
color:white;
}


.form-container
{
height:1024px;
width:780px;
}


.bgbutton
{
background-color:orange;
border:5px solid white;
}

	.bgbutton:hover
	{
	background-color:orange;
	}





/* MOBILE */

@media screen and (max-width:767px)
{


.contacts-ban
{
display:flex;
width:100%;
height:200px;
background-size:cover;
}

.con-home
{
display:flex-start;
justify-content:center;
height:2000px;
width:100%;
margin:0 auto;
}

.wrap-contacts
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
width:400px;
height:1800px;
}

.contacts-title
{
width:400px;
height:1100px;
}
	.contacts-title h1
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:30px;
	color:white;
	}

.visit
{
height:240px;
width:100%;
}

.addrss
{
height:80px;
width:300px;
border-top:5px solid darkred;
border-bottom:5px solid darkred;
margin:0 auto;
}

	.addrss p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:20px;
	color:white;
	}



.phone-number
{
display:flex;
align-items:center;
justify-content:center;
width:360px;
height:100px;
margin:0 auto;
border:5px solid white;
transform:skew(0deg);
}

	.phone-number p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:1.4rem;
	}


.gmap
{
height:400px;
width:400px;
margin:50px auto;
}


.smedia
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:100px;
width:400px;
margin:50px auto;
}

.media-border
{
height:80px;
width:80px;
margin:0 5px;
background-color:white;
border-radius:50%;
}

	.media-border img
	{
	height:100%;
	width:100%;
	}


.quotes-title
{
box-sizing:border-box;
height:700px;
width:400px;
background-color:#2b2b2a;
}
	.quotes-title h2
		{
		font-family:"Trebuchet MS",sans-serif;
		text-align:center;
		font-size:1.6rem;
		color:white;
		}

.quick-quotes-notes
{
height:60px;
width:400px;
font-family:"Trebuchet MS",sans-serif;
}

.paraquotes
{
height:60px;
width:30px;
margin:0 auto;

}

	.paraquotes p
	{	
	font-size:1.8rem;
	color:white;
	font-family:"Trebuchet MS",sans-serif;
	}

p
{
color:white;
}


.form-container
{
height:600px;
width:400px;
overflow:hidden;
}
}





/* TABLET */

@media screen and (min-width:768px) and (max-width:1024px)
{


.contacts-ban
{
display:flex;
width:100%;
height:200px;
background-size:cover;
}

.con-home
{
display:flex-start;
justify-content:center;
height:2100px;
width:100%;
margin:0 auto;
}

.wrap-contacts
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
width:400px;
height:1000px;
}

.contacts-title
{
width:400px;
height:1200px;
}
	.contacts-title h1
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:30px;
	color:white;
	}

.visit
{
height:240px;
width:100%;
}

.addrss
{
height:80px;
width:300px;
border-top:5px solid darkred;
border-bottom:5px solid darkred;
margin:0 auto;
}

	.addrss p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:20px;
	color:white;
	}



.phone-number
{
display:flex;
align-items:center;
justify-content:center;
width:360px;
height:100px;
margin:0 auto;
border:5px solid white;
transform:skew(0deg);
}

	.phone-number p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:1.4rem;
	}


.gmap
{
height:400px;
width:400px;
margin:50px auto;
}


.smedia
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:100px;
width:400px;
margin:50px auto;
}

.media-border
{
height:80px;
width:80px;
margin:0 5px;
background-color:white;
border-radius:50%;
}

	.media-border img
	{
	height:100%;
	width:100%;
	}


.quotes-title
{
box-sizing:border-box;
height:900px;
width:700px;
background-color:#2b2b2a;
}
	.quotes-title h2
		{
		font-family:"Trebuchet MS",sans-serif;
		text-align:left;
		font-size:2rem;
		color:white;
		}

.quick-quotes-notes
{
height:60px;
width:700px;
margin-left:20px;
font-family:"Trebuchet MS",sans-serif;
}

.paraquotes
{
height:60px;
width:30px;
margin:0 auto;

}

	.paraquotes p
	{	
	font-size:1.8rem;
	color:white;
	font-family:"Trebuchet MS",sans-serif;
	}

p
{
color:white;
}


.form-container
{
height:800px;
width:700px;
}
}


/* IPAD-PC */

@media screen and (min-width:1024px) and (max-width:1440px)
{


.contacts-ban
{
display:flex;
width:100%;
height:200px;
background-size:cover;
}

.con-home
{
display:flex-start;
justify-content:center;
height:2100px;
width:100%;
margin:0 auto;
}

.wrap-contacts
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
width:400px;
height:1000px;
}

.contacts-title
{
width:400px;
height:1200px;
}
	.contacts-title h1
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:30px;
	color:white;
	}

.visit
{
height:240px;
width:100%;
}

.addrss
{
height:80px;
width:300px;
border-top:5px solid darkred;
border-bottom:5px solid darkred;
margin:0 auto;
}

	.addrss p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:20px;
	color:white;
	}



.phone-number
{
display:flex;
align-items:center;
justify-content:center;
width:360px;
height:100px;
margin:0 auto;
border:5px solid white;
transform:skew(0deg);
}

	.phone-number p
	{
	font-family:"Trebuchet MS",sans-serif;
	text-align:center;
	font-size:1.4rem;
	}


.gmap
{
height:400px;
width:400px;
margin:50px auto;
}


.smedia
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:100px;
width:400px;
margin:50px auto;
}

.media-border
{
height:80px;
width:80px;
margin:0 5px;
background-color:white;
border-radius:50%;
}

	.media-border img
	{
	height:100%;
	width:100%;
	}


.quotes-title
{
box-sizing:border-box;
height:900px;
width:700px;
background-color:#2b2b2a;
}
	.quotes-title h2
		{
		font-family:"Trebuchet MS",sans-serif;
		text-align:left;
		font-size:2rem;
		color:white;
		}

.quick-quotes-notes
{
height:60px;
width:700px;
margin-left:20px;
font-family:"Trebuchet MS",sans-serif;
}

.paraquotes
{
height:60px;
width:30px;
margin:0 auto;

}

	.paraquotes p
	{	
	font-size:1.8rem;
	color:white;
	font-family:"Trebuchet MS",sans-serif;
	}

p
{
color:white;
}


.form-container
{
height:800px;
width:700px;
}
}