@import 'https://fonts.googleapis.com/css?family=Roboto';
h1 {
	font-family: 'Roboto', sans-serif;
	}
h3 {
	font-family: 'Roboto', sans-serif;
	}
h4 {
	font-family: 'Roboto', sans-serif;
	}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}
li {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
	}
a {
	text-decoration: none;
	color: #FFFFFF;
	}
.mobileButton {
	margin: 2%;
	margin-bottom: 3%;
	padding: 2%;
	border: solid #adadba 1px;
	border-radius: 0px;
	text-align: center;
	font-family: verdana;
	font-weight: bold;
	}

h2 {
    font-size: 1.7em;
    margin: 0;
    padding: 0;
	font-family: 'Roboto', sans-serif;
}
ul{
    list-style:none;
}
ul li{
    padding:10px 10px;
}

a{
    color:white;
}
ul li a{
    text-align:center;
    font-size: 21px;
    text-decoration:none;
}
.columnHeading{
    width:25%;
    float:left;
}

.headingBorder{
    padding:20px 0;
    text-align:center;
    border-top:2px solid gray;
    border-bottom:2px solid gray;
}
.endRow{
    float:right;
}
.clearRight{
    clear:left;
}
.submenuPopularAppBtn,.submenuEmailClientBtn,.submenuSecuritySoftBtn,.submenuSpamFiltersBtn{
    text-align:center;
    width:75%;
    padding:10px;
    cursor:pointer;
}
.submenuPopularAppBtn{
    background-color:#007abd;
}

.submenuEmailClientBtn{
    background-color:#7ec324;
}

.submenuSecuritySoftBtn{
    background-color:#fdab00;
}

.submenuSpamFiltersBtn{
    background-color:#eb605a;
}

@media only screen and (min-width:600px) and (max-width: 879px){
.columnHeading{
    width:50%;
}

.headingBorder{
    padding:20px 0;
    text-align:center;
    border-top:2px solid gray;
    border-bottom:2px solid gray;
}

#sSoftware{
	clear:left;
}
}

@media only screen 
and (min-width : 880px) and (max-width:1140px) {
.columnHeading{
	width:33.33333%;
}

#sFilters{
	clear:both;
}
}
/*fix margin*/
@media only screen
and (min-width:0) and (max-width:600px){
.columnHeading{
	width:100%;
}
.clearFix {
	clear: both;
}
}

/*Instruction Icons*/
.instruction-icon {
		float: left;
		margin: 10px;
		}

/* BEGIN Back to top button */
a.backTop {
  padding: 10px;
}
.backTop {
    color: #FFFFFF;
    font-weight: bold;
	font-family: roboto;
    display: inline-block; 
    position: fixed;
    bottom: 40px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    white-space: nowrap;
    background: #CC0000;
}
.backTop.backTopVisible, .backTop.backTopFadeOut, .no-touch .backTop:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.backTop.backTopIsVisible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.backTop.backTopFadeOut {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .backTop:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .backTop {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .backTop {
	right: 30px;
    bottom: 30px;
  }
}

/* END Back to top button */