
/* media queries */

@media only and (min-height: 720px) and (max-width: 1350px) {


.quotes {
display: none;
}

}

@media (max-height: 720px) {

.svgSize {
height: 570px;
}

p {
font-size: 12px;
width: 220px;
}

.paragraphIphone {
margin-top: 120px;
}

.quotes {
top: 350px;
}
blockquote {
width: 400px;
}


#homeButton {
margin-right: 150px;
}

.wrap-dropdown-1 {
bottom: 350px;
left: 350px;
}

}



/* mobile query */



@media (max-width: 650px) {



.headline {
background-image: none;
}

p {
font-size: 12px;
}

#homeButton {
display:none;
}

.intro {
padding-top: 200px;
font-size: 32px;
}

svg {
display: none;
}

.iphone {
height:730px;

}

#specifications {
display:block;
}


.paragraphIphone {
margin-top: 30px;
}

p {
width: 200px;
}

.quotes {
display: none;
}

.wrap-dropdown-1{
display:none;
}


.spanColor {
color: white;

}

.spanColor2 {

color: black;
font-weight: bolder;
}

#social{
	float: left;

}

}

/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 

.headline {

background-image: none;
}
#homeButton {
display:none;
}



svg {
display: none;
}

.iphone {
height:720px;

}

#specifications {
display:block;
}

p {
width: 200px;
}

.paragraphIphone {
margin-top: 30px;
}

.quotes {
top: 230px;
}
blockquote {
width: 250px;
}

.wrap-dropdown-1{
display:none;
}


.spanColor {
color: white;

}

.spanColor2 {

color: black;
font-weight: bolder;
}

.slideInRight {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;}

}