@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


body 
{
font-family: "Roboto", sans-serif;
line-height: 1.7em;
background-color:#ffffff;
color:#000;
margin:0px;
padding:0px;
}


img
{
border:none;
}


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


hr
{
border:1px solid #202020;
width:90%;
color:#202020;
}

p
{
color:grey;
}





.innercont
{
width:96%;
max-width:1200px;
margin:auto;
text-align:left;
}




#header
{
	position:fixed;
	top:0;
	
width:100%;
background-color:#2F2D2E;

	
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;	

z-index:2;
}

#menucont
{

width:100%;
background-color:#2F2D2E;
}

#menu
{
position:relative;
max-width:1000px;
margin:auto;
}

#hiddenmenu
{
display:none;
background-color:#ffffff;
}

#logo
{
	
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#footer
{
background-color:black;
min-height:100px;
width:100%;
color:grey;
}





.col2
{
	vertical-align:top;
	display:inline-block;
	width:47%;
}

.col6
{
	vertical-align:top;
	display:inline-block;
	width:13%;
}




.clear
{
clear:both;
}

.sticky 
{
display:none;
	
position:fixed;
right:50px;
bottom:50px;

width:50px;
height:50px;

text-align:center;
line-height:50px;

border-radius:25px;
/*margin:60px 0 0;*/
background:rgba(192,0,192,.4);
border:0px solid red;
}






.col70
{
	vertical-align:top;
	display:inline-block;
	width:68%;
	padding:5px;
}

.col30
{
	vertical-align:top;
	display:inline-block;
	width:28%;
	border-left:1px solid grey;
	padding:5px;
}






.left
{
width:45%;
display:inline-block;
height:auto;

vertical-align:top;
border-radius:25px;
border:0px solid green;

}

.right
{
width:45%;
display:inline-block;
height:auto;

vertical-align:top;
border-radius:25px;
border:0px solid green;

}

@media only screen and (max-width:800px) {
  .left {
    width:100%;
  }
}

@media only screen and (max-width:800px) {
  .right {
    width:100%;
  }
}








.fit
{

max-width:100%;
}














.divider
{
	text-align:center;
}


.clear
{
clear:both;
}




.yellowband
{
	width:100%;
	height:300px;
	background:yellow;

}

.blueband
{
	width:100%;
	height:300px;
	background:#000040;

}

.pinkband
{
	width:100%;
	height:300px;
	background:pink;

}


table
{
width:100%;
}

td:hover
{
	background:white;
}



.purpletext
{
color:#7175D3;
}


.xlearnmore
{
color:white;
}


.rosebutton
{

background-image:linear-gradient(#5E0534,#270523);
border-radius:10px;
}

.pinkbutton
{
display:inline-block;

background-image:linear-gradient(#EE2E72,#CF0725);
border-radius:10px;
}


.clearbutton
{
display:inline-block;
width:65%;
vertical-align:top;
}

.greenbutton
{
display:inline-block;
width:150px;
padding:5px;
background-image:linear-gradient(#008000,#3C7C26);
border-radius:10px;
text-align:center;

transition: transform .2s;
}


.greenbutton:hover 
{
transform: scale(1.3);
}  
  
.purple
{
color:#7175D3;
}


.scarlet
{
font-size:36px;
color:#B91246;
}










ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2F2D2E;
}

li {
  float: left;
}

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

li a:hover:not(.active) {
background-color: red;
}

.active {
background-color: red;
}









.h1w
{
color:white;
}
.h2w
{
color:white;
}
.h3w
{
color:white;
}
.h1g
{
color:#606060;
}
.h2g
{
color:#606060;
}
.h3g
{
color:#606060;
}





h1 {

font-size: 22px;

font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}
h2 {

font-size: 16px;

font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 {
font-family: 'Helvetica', 'sans-serif';
font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}