body {
  margin: 0;
}

#navbar {
  overflow: hidden;
  background-color: #ff4e50;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

.nav-right {
  float: right;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

@media only screen and (min-width: 1440px) {
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
}

@media only screen and (min-width: 1025px) {
    i.size {
      font-size: 35px;
    }
    i.size2 {
      font-size: 35px;
    }
}

/*Mobile decives*/
@media only screen and (max-width: 1024px) and (pointer: coarse) {
    .hidden-mobile {
        display: none;
    }
    i.size {
        font-size: 7vw;
    }
    i.size2 {
        font-size: 7vw;
    }
    .float{
        width:22vw;
	height:22vw;
	bottom:40px;
	right:40px;
        font-size:15vw;
        border-radius:20vw;
    }
}

/*Desktop*/
@media only screen and (max-width: 1024px) and (hover: hover) {
    .hidden-mobile {
        display: none;
    }
    i.size {
        font-size: 8vw;
    }
    i.size2 {
        font-size: 8vw;
    }
    
}

@media (hover: touch) {
    i.size {
        font-size: 12vw;
    }
    i.size2 {
        font-size: 8vw;
    }
}