@import "normalize.css";
a, a:focus, a:hover {
    text-decoration: none;
}

ul
{
    margin:0;
    padding:0;
}

li
{
    margin:0;
    padding:0;
    list-style: none;
}

.hidden
{
    display:none;
}

.centered-text
{
    text-align: center;
}

h1,h2,h3,h4,h5,h6
{
    margin-top:0px;
    margin-bottom:0px;
    font-weight: bold;
}

*
{
    box-sizing: border-box;
}

*, *:active, *:hover
{
    outline: none;
} 

/* GRID ================================== */

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
}

@media screen and (min-width: 1216px) {
    .container {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1408px) {
    .container {
        max-width: 1344px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: -15px;
}

[class^='column-'] {
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

}

.column-1 {
    flex-basis: 8.33%;
}

.column-2 {
    flex-basis: 16.66%;
}

.column-3 {
    flex-basis: 25%;
}

.column-4 {
    flex-basis: 33.33%;
}

.column-5 {
    flex-basis: 41.66%;
}

.column-6 {
    flex-basis: 50%;
}

.column-7 {
    flex-basis: 58.33%;
}

.column-8 {
    flex-basis: 66.66%;
}

.column-9 {
    flex-basis: 75%;
}

.column-10 {
    flex-basis: 83.33%;
}

.column-11 {
    flex-basis: 91.66%;
}

.column-12 {
    flex-basis: 100%;
}

@media only screen and (max-device-width: 1280px)
{
    .column-lg-1 {
        flex-basis: 8.33%;
    }
    
    .column-lg-2 {
        flex-basis: 16.66%;
    }
    
    .column-lg-3 {
        flex-basis: 25%;
    }
    
    .column-lg-4 {
        flex-basis: 33.33%;
    }
    
    .column-lg-5 {
        flex-basis: 41.66%;
    }
    
    .column-lg-6 {
        flex-basis: 50%;
    }
    
    .column-lg-7 {
        flex-basis: 58.33%;
    }
    
    .column-lg-8 {
        flex-basis: 66.66%;
    }
    
    .column-lg-9 {
        flex-basis: 75%;
    }
    
    .column-lg-10 {
        flex-basis: 83.33%;
    }
    
    .column-lg-11 {
        flex-basis: 91.66%;
    }
    
    .column-lg-12 {
        flex-basis: 100%;
    }
} 

@media only screen and (max-device-width: 992px)
{
    .column-md-1 {
        flex-basis: 8.33%;
    }
    
    .column-md-2 {
        flex-basis: 16.66%;
    }
    
    .column-md-3 {
        flex-basis: 25%;
    }
    
    .column-md-4 {
        flex-basis: 33.33%;
    }
    
    .column-md-5 {
        flex-basis: 41.66%;
    }
    
    .column-md-6 {
        flex-basis: 50%;
    }
    
    .column-md-7 {
        flex-basis: 58.33%;
    }
    
    .column-md-8 {
        flex-basis: 66.66%;
    }
    
    .column-md-9 {
        flex-basis: 75%;
    }
    
    .column-md-10 {
        flex-basis: 83.33%;
    }
    
    .column-md-11 {
        flex-basis: 91.66%;
    }
    
    .column-md-12 {
        flex-basis: 100%;
    }

    .hidden-md
    {
        display: none;
    }

    .visible-md
    {
        display: initial;
    }
} 


@media only screen and (max-device-width: 768px)
{
    .column-sm-1 {
        flex-basis: 8.33%;
    }
    
    .column-sm-2 {
        flex-basis: 16.66%;
    }
    
    .column-sm-3 {
        flex-basis: 25%;
    }
    
    .column-sm-4 {
        flex-basis: 33.33%;
    }
    
    .column-sm-5 {
        flex-basis: 41.66%;
    }
    
    .column-sm-6 {
        flex-basis: 50%;
    }
    
    .column-sm-7 {
        flex-basis: 58.33%;
    }
    
    .column-sm-8 {
        flex-basis: 66.66%;
    }
    
    .column-sm-9 {
        flex-basis: 75%;
    }
    
    .column-sm-10 {
        flex-basis: 83.33%;
    }
    
    .column-sm-11 {
        flex-basis: 91.66%;
    }
    
    .column-sm-12 {
        flex-basis: 100%;
    }

    .hidden-sm
    {
        display: none;
    }

    .visible-sm
    {
        display: block;
    }
} 

@media only screen and (max-device-width: 480px)
{
    .column-xs-1 {
        flex-basis: 8.33%;
    }
    
    .column-xs-2 {
        flex-basis: 16.66%;
    }
    
    .column-xs-3 {
        flex-basis: 25%;
    }
    
    .column-xs-4 {
        flex-basis: 33.33%;
    }
    
    .column-xs-5 {
        flex-basis: 41.66%;
    }
    
    .column-xs-6 {
        flex-basis: 50%;
    }
    
    .column-xs-7 {
        flex-basis: 58.33%;
    }
    
    .column-xs-8 {
        flex-basis: 66.66%;
    }
    
    .column-xs-9 {
        flex-basis: 75%;
    }
    
    .column-xs-10 {
        flex-basis: 83.33%;
    }
    
    .column-xs-11 {
        flex-basis: 91.66%;
    }
    
    .column-xs-12 {
        flex-basis: 100%;
    }

    .hidden-xs
    {
        display: none;
    }
}