@charset "utf-8";
/*Global / Desktop View*/
body {
	font-family: helvetica;
}
header {
	max-width: 100%;
}
.container {
	margin-right: auto;
    margin-left: auto;
	max-width: 100%;
	vertical-align: middle;
	background-color: #FE00FF;
}
#photo {
    width: 100%;
    background-image: url("images/photo1.jpg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
	margin: auto;
	
}
#callbtn {
	max-width: 25%;
	margin-top: 200px;
	margin-left: auto;
    margin-right: auto;
}
#logo {
		max-width: 25%;
}

#main {
  width: 100%;
	text-align: center;
	 margin: 0 auto;
}


#info {
	width: 400px;
	text-align: center;
	 margin: 0 auto;
}

form {
	width: 400px;
	clear: both;
}


input[type=submit] {
  display: inline-block;
	appearance: none;
  -webkit-appearance: none;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #FF070B;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

input[type=submit]:hover {
	  appearance: none;
  -webkit-appearance: none;
	background-color: #9B0608;
}

input[type=submit]:active {
	  appearance: none;
  -webkit-appearance: none;
  background-color: #FF3215;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


.service {
display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 30px;
  width: 40%;

}


#conclusion {
	text-align: center;
	width: 100%;
    margin: auto;
	margin-top: 20px;
}
.pride {
	width: 600px;
	text-align: center;
	 margin: 0 auto;
}

h1 {
	margin-left: auto;
    margin-right: auto;
}

h2 {	
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

h3 {
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

h4 {
	margin-left: auto;
    margin-right: auto;
}
.testimonials {
	width: 90%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 40px;
}
.armani {
	width: 25%;
	float: left;
	margin-left: 6%;
}

.pics {
	text-align: center;
margin: auto;
  width: 100%;
}


/*Tablet View*/
@media (min-width: 401px) and (max-width: 768px){
.container {
	min-width: 401px;
	max-width: 768px;

}
header {
	min-width: 401px;
	max-width: 768px;

}
#photo {
	min-width: 401px;
	max-width: 768px;
	margin: auto;
}
.service {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#main {
	min-width: 401px;
	max-width: 768px;
	
}
#info {
	min-width: 401px;
	max-width: 768px;
	text-align: center;
	margin: 0 auto;

}


#conclusion {
	min-width: 401px;
	max-width: 768px;
	text-align: center;
	 margin: 0 auto;
	margin-top: 50px;
}
}
/*Mobile View*/
@media (max-width: 400px){
.container {
	max-width: 400px;
}
header {

	
	max-width: 400px;
}
#logo {
		max-width: 100px;
	height: auto;
	}

#photo {
	    background-image: url("images/photo1.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
		min-width: 400px;
	max-width: 400px;
}
.service {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#main {
	margin: auto;
}
#callbtn {
	margin-top: 10px;
	max-width: 100px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
}
#info {
	width: auto;
	text-align: center;
	 margin: 0 auto;
}
.pride {
	width: 400px;
	text-align: center;
	 margin: 0 auto;
}
.testimonials {
	display: none;
	}
img#optional {
 width: auto ;
  max-width: 100% ;
	display: none;

}
.pics {
		max-width: 400px;
	}

#conclusion {
	max-width: 400px;
	text-align: center;
	 margin: 0 auto;
	margin-top: 50px;
	margin-top: 50px;
}
}