.button-images {
pading:5% !important;
}

.button-container {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container a:before{  
  content: '';
  display: inline-block;
  }

.button-container a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container img{
    width:100%; 
    height:auto; 
    display:block}

.button-container a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#FF5733;
}

.button-container1 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container1 a:before{  
  content: '';
  display: inline-block;
  }

.button-container1 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container1 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container1 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#C70039;
}

.button-container2 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container2 a:before{  
  content: '';
  display: inline-block;
  }

.button-container2 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container2 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container2 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#900C3F;
}

.button-container3 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container3 a:before{  
  content: '';
  display: inline-block;
  }

.button-container3 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container3 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container3 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#C70039;
}

.button-container4 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container4 a:before{  
  content: '';
  display: inline-block;
  }

.button-container4 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container4 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container4 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#900C3F;
}

.button-container5 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container5 a:before{  
  content: '';
  display: inline-block;
  }

.button-container5 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container5 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container5 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#581845;
}


.button-container6 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container6 a:before{  
  content: '';
  display: inline-block;
  }

.button-container6 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container6 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container6 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#581845;
}

.button-container7 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container7 a:before{  
  content: '';
  display: inline-block;
  }

.button-container7 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container7 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container7 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#FFC30F;
}

.button-container8 {
position: relative;
text-align: center;
padding: 5%;
border-radius:50%; 
overflow:hidden; 
}



.button-container8 a:before{  
  content: '';
  display: inline-block;
  }

.button-container8 a {
  transition: all 1s ease-out;
   border-radius:50%; vertical-align:middle;
  color: white;
  position:absolute;
  font-size: 2vw; 
  font-family: 'Schoolbell', cursive !important;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15%;
  z-index: 1000;
  text-shadow: 2px 2px 4px #000000;
  display:inline-block;
  text-decoration: none;
}
.button-container8 img{
    width:100%; 
    height:auto; 
    display:block}
    
.button-container8 a:hover{
    color:white;
    text-shadow: 2px 2px 4px #000000;
    background:#FF5733;
}

/*Columns*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
position: relative;
float: left;
height: auto !important;
}

.one_fourth {
width: 25%;
}

.one_third{
    padding:8% !important;
    width: 33.33% !important;
}

.three_fourth {
width: 74%;
}

.one_fifth {
width: 20%;
}

.two_fifth {
width: 37.6%;
}

.three_fifth {
width: 58.4%;
}

.four_fifth {
width: 79.2%;
}

.one_sixth {
width: 13.3333%;
}

.three_sixth {
width: 47.9998%;
}

.five_sixth {
width: 82.6665%;
}

.last {
margin-right: 0 !important;
clear: right;
}

.clearboth {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}

.spacer {
height: 15px;
}

.one_half .one_half {
margin-right: 8.3333%;
width: 45.8333%;
}

.one_half .one_third {
margin-right: 8.3333%;
width: 27.7778%;
}

.one_half .two_third {
margin-right: 8.3333%;
width: 63.8889%;
}

.two_third .one_third {
margin-right: 6.1224%;
width: 29.2517%;
}

.two_third .two_third {
margin-right: 6.1224%;
width: 64.6258%;
}

.two_third .one_fourth {
margin-right: 6.1224%;
width: 20.4082%;
}

.one_half, .two_fourth {
width: 48%;
}

.one_third, .two_sixth {
width: 30.6666%;
}

.two_third, .four_sixth {
width: 65.3332%;
}