h1
{
font-size:4rem;
font-family:"Trebuchet MS",sans-serif;
}

p
{
color:gray;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}
	


h2
{
color:orange;
font-size:2rem;
font-family:"Trebuchet MS",sans-serif;
}

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:60px;
width:600px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}



.window-film
{
height:800px;
width:100%;
background-image:url("images/tulsa-decorative-window-banner.webp");
background-size:100% 100%;
}

.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
height:800px;
width:1200px;
margin:auto;
}


.window-film-header
{
display:flex;
align-items:center;
justify-content:center;
height:150px;
width:1000px;
}


.window-film-text
{
display:flex;
align-items:center;
justify-content:center;
height:100px;
width:900px;
}
	


.window-film-sect
{
dispaly:flex;
height:500px;
width:1200px;
margin:auto;
}




.solar-benifits
{
height:840px;
width:100%;
background-color:#313333;
}

.window-decorative
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:840px;
width:1200px;
margin:0px auto;
}


.decorative-image
{
height:800px;
width:400px;
}

	.decorative-image img
	{
	height:100%;
	width:100%;
	}

.text-decorative
{
height:800px;
width:600px;
}

.types-decorative
{
height:520px;
width:100%;
margin:auto;
background-color:#313333;
}

.decorative-list
{
display:flex;
flex-direction:column;
flex-wrap:wrap;
height:400px;
width:1200px;
margin:50px auto;
}

	.frosted
	{
	height:400px;
	width:400px;
	}

	.frosted img
	{
	height:100%;
	width:100%;
	}

	.frosted-text
	{
	height:400px;
	width:600px;
	}

.types
{
width:100%;
height:80px;
background-color:orange;
}

.kinds
{
display:flex;
align-items:center;
width:600px;
height:80px;
margin:auto;
}
	.kinds h2
	{
	color:white;
	}




/*MOBILE ====================== */
@media screen and (max-width:767px){


h1
{
font-size:3rem;
font-family:"Trebuchet MS",sans-serif;
}

p
{
color:gray;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}
	


h2
{
color:orange;
font-size:1.6rem;
font-family:"Trebuchet MS",sans-serif;
}

.window-film
{
height:800px;
width:100%;
background-image:url("images/tulsa-decorative-window-banner.webp");
background-size:100% 100%;
}



.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:400px;
margin:0px auto;
}


.window-film-header
{
height:400px;
width:300px;
}


.window-film-text
{
height:200px;
width:300px;
}

.block-UV-rays
{
height:300px;
width:400px;
margin:100px auto;
}


.UV-image
{
height:300px;
width:400px;
margin:0px auto;
border:10px solid white;
}

	.UV-image img
	{
	border-radius:15px;
	}




.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:120px;
width:400px;
gap:5px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}
	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}


.solar-benifits
{
height:1900px;
width:100%;
background-color:#313333;
}

.window-decorative
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:1900px;
width:400px;
}

.decorative-image
{
height:600px;
width:400px;
border:10px solid white;
}

	.decorative-image img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}

.text-decorative
{
height:1200px;
width:400px;
}



.types-decorative
{
height:600px;
width:100%;
margin:auto;
background-color:#313333;
}

.decorative-list
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
height:400px;
width:400px;
margin:50px auto;
}

	.frosted
	{
	height:400px;
	width:400px;
	}

	.frosted img
	{
	height:100%;
	width:100%;
	}

	.frosted-text
	{
	height:400px;
	width:600px;
	}

.types
{
width:100%;
height:80px;
background-color:orange;
}

.kinds
{
width:400px;
height:80px;
margin:auto;
}
	.kinds h2
	{
	color:white;
	}


}


/*TABLET ====================== */
@media screen and (min-width:768px)and (max-width:1024px){


h1
{
font-size:3rem;
font-family:"Trebuchet MS",sans-serif;
}

p
{
color:gray;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}
	


h2
{
color:orange;
font-size:1.6rem;
font-family:"Trebuchet MS",sans-serif;
}

.window-film
{
height:800px;
width:100%;
background-image:url("images/tulsa-decorative-window-banner.webp");
background-size:100% 100%;
}



.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:400px;
margin:0px auto;
}


.window-film-header
{
height:400px;
width:300px;
}


.window-film-text
{
height:200px;
width:300px;
}

.block-UV-rays
{
height:300px;
width:400px;
margin:100px auto;
}


.UV-image
{
height:300px;
width:400px;
margin:0px auto;
border:10px solid white;
}

	.UV-image img
	{
	border-radius:15px;
	}




.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:120px;
width:400px;
gap:5px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}
	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}


.solar-benifits
{
height:1900px;
width:100%;
background-color:#313333;
}

.window-decorative
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:1900px;
width:400px;
}

.decorative-image
{
height:600px;
width:400px;
border:10px solid white;
}

	.decorative-image img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}

.text-decorative
{
height:1200px;
width:400px;
}



.types-decorative
{
height:600px;
width:100%;
margin:auto;
background-color:#313333;
}

.decorative-list
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
height:400px;
width:400px;
margin:50px auto;
}

	.frosted
	{
	height:400px;
	width:400px;
	}

	.frosted img
	{
	height:100%;
	width:100%;
	}

	.frosted-text
	{
	height:400px;
	width:600px;
	}


.types
{
width:100%;
height:80px;
background-color:orange;
}

.kinds
{
width:400px;
height:80px;
margin:auto;
}
	.kinds h2
	{
	color:white;
	}

}



/*PC ====================== */
@media screen and (min-width:1025px)and (max-width:1440px){


h1
{
font-size:3rem;
font-family:"Trebuchet MS",sans-serif;
}

p
{
color:gray;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}
	


h2
{
color:orange;
font-size:1.6rem;
font-family:"Trebuchet MS",sans-serif;
}

.window-film
{
height:800px;
width:100%;
background-image:url("images/tulsa-decorative-window-banner.webp");
background-size:100% 100%;
}



.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:900px;
margin:0px auto;
}


.window-film-header
{
height:400px;
width:900px;
}


.window-film-text
{
height:200px;
width:300px;
}

.block-UV-rays
{
height:300px;
width:400px;
margin:100px auto;
}


.UV-image
{
height:300px;
width:400px;
margin:0px auto;
border:10px solid white;
}

	.UV-image img
	{
	border-radius:15px;
	}




.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:120px;
width:400px;
gap:5px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}
	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}


.solar-benifits
{
height:1900px;
width:100%;
background-color:#313333;
}

.window-decorative
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:1900px;
width:400px;
}

.decorative-image
{
height:600px;
width:400px;
border:10px solid white;
}

	.decorative-image img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}

.text-decorative
{
height:1200px;
width:400px;
}



.types-decorative
{
height:600px;
width:100%;
margin:auto;
background-color:#313333;
}

.decorative-list
{
display:flex;
flex-direction:column;
flex-wrap:wrap;
height:400px;
width:900px;
margin:50px auto;
}

	.frosted
	{
	height:400px;
	width:400px;
	}

	.frosted img
	{
	height:100%;
	width:100%;
	}

	.frosted-text
	{
	height:400px;
	width:400px;
	}

.types
{
width:100%;
height:80px;
background-color:orange;
}

.kinds
{
width:900px;
height:80px;
margin:auto;
}
	.kinds h2
	{
	color:white;
	}


}


}