@import url("../../index/stylesheets/reset.css");
@import url("../../index/SanFrancisco/stylesheet.css");
@import url(../../index/stylesheets/styleNew/header/header.css);
@import url("buyingupSlider.css");
@import url("../../stylesheets/universal/breadCrumb.css");
@import url("../../shop/stylesheets/devices.css");
@import url("../../shop/stylesheets/info.css");
@import url(../../index/stylesheets/styleNew/footer/footer.css);
@import url("../../index/stylesheets/scroll.css");



.wrap{
	width: 50%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

div.wrap h1{
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.device{
	position: relative;
	margin: 0 auto;
	width: 98%;
	top: 0;
	left: 0;
	font-size: 30px;
	overflow-x: hidden;
	background-image: url(../images/alldevices.JPG);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100%;
	padding-bottom: 75%;
}

div.wrap a.callButtonLink{
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000000;
	background-color: white;
	text-align: center;
}

div.wrap a.callButtonLink:hover{
 color: white;
 background-color: #48D4F0;
}