/* lec */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@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:Montserrat;
color:black;
}

.headertop
{
width:100%;
background-image:linear-gradient(#7F9FA6, #B6C2C6);
background:black;
min-height:200px;
}

footer
{
min-height:200px;
background:black;
}

#hiddenmenu
{
display:none;
text-align:center;
}


.innercont
{
margin:auto;
width:90%;
max-width:1200px;
}


a
{
text-decoration:none;
color:blue;
}







/* img */
.fit
{
width:100%;
max-width:100%;
}

.round
{
border-radius:50%;
border:12px solid black;
object-fit:cover;
height:200px;
width:200px;
}

@media screen and (max-width:600px)
{
.round
{
height:100px;
width:100px;
border:6px solid black;
}
}











/* divs */
.divider
{
color:black;
}

.next
{
border:1px solid red;
display:inline-block;
vertical-align:top;
width:44%;
}

.next30
{
border:0px solid red;
display:inline-block;
vertical-align:top;
width:30%;
}

.next60
{
border:0px solid red;
display:inline-block;
vertical-align:top;
width:60%;
}


.center400
{
margin:auto;
max-width:400px;
text-align:center;
}

.centertop
{
position:absolute;
left:50%;
top:10%;
}



.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:46%;
}
}

.col2feat:hover
{
scale:1.15;
}










/* table */
table
{
border-collapse:collapse;
width:100%;
}

td
{
padding:9px;
text-align:center;
border:1px solid grey;
}

th
{
padding:9px;
border:1px solid grey;
text-align:center;
}



/* button */
.button
{
display:inline-block;
padding:10px;
text-align:center;
}







/* bands */
.yellowbg
{
background:yellow;
font-color:black;
}

.bandyellow
{
width:100%;
background:yellow;

}

.bandgreyblue
{
background:#79A4CE;
}
















/* menu */
#menu
{
width:100%;
background:black;
}


ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:black;


}

li
{
float: left;
}

li a 
{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover 
{
background-color:red;
}






/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}






/* text */
.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;
}
}



.w
{
color:white;
}


.mont
{
font-family:Montserrat,sans-serif;
font-optical-sizing:auto;
font-weight:300;
font-style:normal;
font-size:4vw;

}

@media screen and (max-width:600px)
{
.mont
{
font-size:6vw;
}
}