a.norm:link { text-decoration: none; color:#00F }
a.norm:visited { text-decoration: none; color:#800080; }
a.norm:hover { text-decoration: underline; color:#F00 }
a.norm:active { text-decoration: none; color:#000; }

.pad50
{
	padding-right:50px;
	padding-left:50px;
}
.pad75
{
	padding-right:75px;
	padding-left:75px;
	
}
.pad100
{
	padding-right:100px;
	padding-left:100px;
	
}

.margin15
{
	margin-right:15%;
	margin-left:15%;
	
}
.margin20
{
	margin-right:20%;
	margin-left:20%;
	
}
.margin25
{
	margin-right:25%;
	margin-left:25%;
}

div.panel {
    display: none;
}

div.panel.show {
    display: block !important;
}
.shownot1
{
	display:block;
}
.howshow1
{
	display:none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
	padding-top: 10px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

del1 {
    text-decoration: none;
    position: relative;
}
del1:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

del2 {
    text-decoration: none;
    position: relative;
}
del2:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #F00;
    border-bottom: 1px solid #F00;
}

del3 {
    text-decoration: none;
    position: relative;
}
del3:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.showidth
{
	width:80%;		
}

.sidemarg2
{
	width:70%;
	margin:0 15%;
}

.w3-hover-indigo
{
	background:#3700B3;
	background-color:#3700B3;
	color:#3700B3;
}

.cover-image {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.bgcolor1
{
	background:#3700B3;
}

.buzzcolor
{
	background:#3700B3;
}

.buzzcolortxt
{
	color:#3700B3;
}

.hover-button {
	background-color: #3700B3;
	color: #ffffff;
	cursor: pointer;
}

.hover-button:hover {
	background-color: #3700B3;
	color: #ffcc00;
}

.image-container {
  height: 100px;
  overflow: hidden;
}


.imgheight {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

.img1 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

@media only screen and (min-width: 150px) and (max-width:768px)
{
	.shownot1
	{
		display:none;
	}
	.howshow1
	{
		display:block;
	}
	.showidth
	{
		width:100%;		
	}
	
	.sidemarg2
	{
		width:100%;
		margin:0;
	}
	
	.margin15
	{
		margin-right:0;
		margin-left:0;
		
	}
	.margin20
	{
		margin-right:0;
		margin-left:0;
		
	}
	.margin25
	{
		margin-right:0;
		margin-left:0;
	}
}