/* buttons */
.fluxbutton {
        width: 80%;
        background-color: #734523; 
        color:#83aea5; 
        border: 2px solid #83aea5;
}

.fluxbutton:hover {
    background-color: #f0d9b9; 
    color: #000000;
    border: 2px solid #000000;
}

.tape {
    width: 100%;
    max-width: 220px;
    height: auto;   
}

a:link {
    color: black;
}

a:hover {
font-weight: bold;
    
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;

}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: .5% 0 .5% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
        height: 100%;
}
.span_1_of_2 {
	width: 48.5%;
        height: 100%;
        background-color: #e59e42;
        text-align:center;
        padding: .5%;
}

.span_1_of_2_clear {
	width: 48.5%;
        height: 100%;
        text-align:center;
        padding: .5%;
}    

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { 
     width: 100%; 
    
}
.span_2_of_3 { 
     width: 65.33%;
     background-color: #e59e42;
     min-height: 30px; 
     padding: .5%;
}

.span_1_of_3 { width: 31.66%; 
     text-align:center;
     background-color: #e59e42;
     min-height: 30px;
     padding: .5%;
    
}

.span_1_of_3_clear { 
     width: 31.66%; 
     text-align:center;
     min-height: 30px;
     padding: .5%;    
}

.span_1_of_3_clear { 
     width: 31.66%; 
     text-align:center;
     min-height: 30px;
     padding: .5%;
}

.span_1_of_3_clear_nowrap
{ width: 31.66%; 
     text-align:center;
     min-height: 30px;
     padding: .5%;    
}


.left_1_of_3 {
    width: 31.66%; 
     text-align:left;
     background-color: #e59e42;
     min-height: 30px;
     line-height:20px;
     padding: .5%;
}

.left_1_of_3_nowrap {
    width: 31.66%; 
     text-align:left;
     background-color: #e59e42;
     min-height: 30px;
     line-height:20px;
     padding: .5%;
}

.right_1_of_3 {
    width: 31.66%; 
     text-align:right;
     background-color: #e59e42;
     min-height: 30px;
     padding: .5%;
}

.right_1_of_3_nowrap {
    width: 31.66%; 
     text-align:right;
     background-color: #e59e42;
     min-height: 30px;
     padding: .5%;
}


.left_1_of_3_clear {
    width: 31.66%; 
     text-align:left;
     min-height: 30px;
     line-height:20px;
     padding: .5%;
}


.span_1_of_1 { width: 100%;
     text-align:center;
     background-color: #e59e42;
     min-height: 30px;
}

.span_1_of_1_clear { width: 100%;
     text-align:center;
     min-height: 30px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3,  .span_1_of_3_clear,
	.right_1_of_3, .left_1_of_3, .right_1_of_3_clear, .left_1_of_3_clear
        { width: 100%; }
}

/* haltron */

.leftie {
    text-align:left;
}

.span_1_of_3.rightie {
    text-align:right;
}

.container {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
}

h3{
    padding: 0px;
    margin: 0px;
}

span.bold {
    font-weight: bold;
    font-size: 1.5em;
}

span.bigger {
    font-size: 1.5em;
}