/* reai */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Droid+Sans|Open+Sans|Raleway);
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');

body
{
margin:0;
padding:0;
background-image:linear-gradient(#7F9FA6,#B6C2C6);
background-image:linear-gradient(#D3DBDD,#B6C2C6);
font-family:Helvetica;
}

.innercont
{
margin:auto;
width:90%;
max-width:1200px;
}



.headertop
{
width:100%;
background-image:linear-gradient(#7F9FA6,#B6C2C6);


min-height:200px;
}


#hiddenmenu
{

display:none;
}

.divider
{
width:100%;
text-align:center;
}

footer
{
width:100%;
background:grey;
color:white;
font-size:18px;
}



/* bands */
.bandwhite
{
background:white;
width:100%;
}

.yellowbg
{
background:yellow;
font-color:black;
}







/* input */
input
{
padding:9px;
font-size:16px;
}

textarea
{
padding:9px;
font-size:16px;
}









/* img */
.fit
{
width:100%;
max-width:100%;
}







/* divs */
.col2feat
{
display:inline-block;
width:23%;
vertical-align:top;
background:white;
text-align:center;
margin:3px;
border-radius:12px;

box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media screen and (max-width:600px)
{
.col2feat
{
width:96%;
}
}








/* button */
.button
{
display:inline-block;
padding:10px;
text-align:center;
}

.bluebutton
{
background:blue;
padding:12px;
color:white;
text-align:center;
font-size:18px;
}

.blackbutton
{
display:inline-block;
padding:12px;
text-align:center;
background:black;
color:white;
font-size:18px;
}

.yellowbutton
{
display:inline-block;
padding:12px;
text-align:center;
background:yellow;
color:black;
font-size:18px;
}




a
{
text-decoration:none;
color:black;
}



.center400
{
margin:auto;
max-width:400px;
text-align:center;
}

.centertop
{
position:absolute;
left:50%;
top:10%;
}






.pricing
{
font-size:2vw;
}

@media screen and (max-width:600px)
{
.pricing
{
font-size:6vw;
}
}

.prodname
{
font-family:'DM Sans';
font-size:2vw;
}

@media screen and (max-width:600px)
{
.prodname
{
font-size:6vw;
}
}




/* menu */
#menu
{
width:100%;
background:#6BA3C8;
}


ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#6BA3C8;


}

li
{
float: left;
}

li a 
{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover 
{
background-color: #111;
}




.w
{
color:white;
}


/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:blue;
}




/* quotes */
blockquote 
{
color: rgba(250, 200, 130, 0.6);
font-family: Tahoma, sans-serif;
font-size: 40px;
width: 60%;
margin: 0 auto;
}
blockquote h1 
{
font-size:4rem;
}
blockquote p 
{
font-style:italic;
margin-bottom:0;
}

blockquote p::before,
blockquote p::after
{
content:"“";
font-family:Georgia;
font-size:8rem;
margin:-2rem 0 0 -4rem;
position:absolute;
opacity:0.5;
}

blockquote p::after 
{
content:"”";
margin:-1rem -4rem 0 0;
}

blockquote cite
{
font-size: 1.5rem;
}