body {
	background-image: url("images/background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #00ADD7;

	font-family: "Arial",sans-serif;
	color: #002F4C;
}

#content {
	margin: 1vw auto 3vw auto;
	padding: 1vw 2vw;
	width: 80%;
	border: 1px solid #002F4C;
	background-color: RGBA(255,255,255,.85);
	border-radius: 10px;
}


.cat {
	background-color: #002F4C;
	color: #71CCE9;
	padding: 1px 10px;
	border: 1px solid #002F4C;
}


.opt {
	border: 1px solid #002F4C;
	padding:1px;
}

.opt:hover {
	background-color: #00ADD7;
}

.soon {
	font-style: italic;
}

.lt {
	width:8%;
	padding: 5px;
}

.rt {
	padding: 5px;

}


@media (min-width: 769px) {
	h2 {
		font-size: 2.5vw;
	}

	p {
		font-size: 2vw;
	}
	.icon {
		width: 5vw;
		height: auto;
		float: left;
		margin:auto;
		display: block;
	
		padding: .5vw;
	}

	#ssiem {
    color: #002F4C;
    font-size: 3vw;
  	padding: 10px;
    font-weight:bold;
  }
}

@media (max-width:768px) {
	p {
		font-size: 18px;
	}
	
	#ssiem {
    color: #002F4C;
    font-size: 24px;
  	padding: 10px;
    font-weight:bold;
  }
	
	h2{
		font-size: 18px;
	}
	.icon {
		width: 10vw;
		height: auto;
		float: left;
		margin: 1px;
		vertical-align: middle;
		display: table-cell;
		padding: .8vw;
	}

}

a {
	text-decoration: none;
	color: #002F4C;
}


hr.header {
	border-top: 3px solid #2092BF;
}

.l1 {
	font-weight:bold;
	font-style:italic;
	color:#005e98;
	font-size:2.25vw;
	margin:.3vw 5vw .3vw .3vw;
}

.l2 {
	font-size:2vw;
	margin:.3vw 5vw .3vw .3vw;
	font-weight:bold;
	font-style:italic;
}

.l3 {
	font-size:1.75vw;
	margin:.3vw 5vw .3vw .3vw;
	font-style:italic;
	color: #002F4C;
}

h3 {
	font-size:2.25vw;
	margin:.3vw 5vw .3vw .3vw;
	font-style:italic;
	color:white;
}

h4 {
	font-size:1.75vw;
	margin:.3vw 5vw 2vw .3vw;
	color:white;
	
}