* {
  margin: 0;
  padding: 0;
}

.buttons {
  display: flex;
  flex-direction: row;
      flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
/*   padding: 2em 0em; */
}


.btn1 {
  letter-spacing: 0.1em;
  border-style:none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 900;
  line-height: 45px;
  max-width: auto;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  color:white;
  width: 100%;
  
}
.btn1:hover {
  
}

/*btn_background*/
.effect01 {
  
  
  
  background-color: #F32013;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.effect01:hover {
  
  background-color: #F32013;
  
}

/*btn_text*/
.effect01 span {
  transition: all 0.2s ease-out;
  z-index: 2;
}
.effect01:hover span{
  letter-spacing: 0.13em;
  
}

/*highlight*/
.effect01:after {
  background: #F32013;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .8;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 50px;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);/*easeOutCirc*/
  z-index: 1;
}
.effect01:hover:after {
  background: #F32013;
  
  opacity: 0;
  left: 120%;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}












h1 {font-size:1.5em;margin-bottom:55px;}

#social-platforms 
{
    display: flex;
  align-items: center;
  justify-content: center;
}

/*Pen code from this point on*/
.btn {
  
  
  font-size:.8em;
  display:inline-block;
  
  

  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  
  
}



.btn > span,.btn-icon > i {
  float:left;
  padding:10px;
  
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  
  
  color:#FFF;
  background:#b8b8b8
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:40px;
  text-align:center;
  font-size:1.08em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  
  border-color:transparent transparent transparent #222;
  position:absolute;

}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Instagram*/
.btn-instagram:hover > i,.btn-instagram:focus > i {
  color:#C13584
}

.btn-instagram > span {
  background:#C13584
}


/*YouTube*/
.btn-youtube:hover > i,.btn-youtube:focus > i {
  color:#c4302b
}

.btn-youtube > span {
  background:#c4302b
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#myProgress {
  width: 100%;
  background-color: #ddd;
  border-radius: 10px;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #4CAF50;
  border-radius: 10px;
  
  
}


.divFooter{
    
    width: auto;
    height: 50px;
    color: white;
    background-color: black;
    opacity: 0.5;
    
}

#sticky-footer {
  flex-shrink: none;
  height: 50px;
  align-content: center;
  align-items: center;
  vertical-align: baseline;
  text-align: center
}