/*!
 * grid.css - http://devexus.net/
 * Version - 1.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Ivan Katic
 */
/* Layout
   ========================================================================== */
html {
    font: 13px/1.5 sans-serif;
    font-weight: 400;
    color: #333;
}

button, input, select, textarea {
    font-family: 'Open Sans';
}

.container {
    margin: 0 auto;
    width: 90%;
}


@media (min-width: 641px) {
    html { font-size: 14px; }
    .container {width: 95%;}
}


@media (min-width: 1101px) {
    html { font-size: 15px; }
    .container {width: 1100px;}
}


body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}


.block:before,
.block:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.block:after {
    clear: both;
} 


/* Mobile First Grid
   ========================================================================== */

div[class*="col-dx-"] { margin-bottom: 1.5rem; }

@media (min-width: 641px) {
    
    .block {
        margin: 2rem -1rem;
    }

    div[class*="col-dx-"] {
        float: left;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: 1px;
    }

    
    .col-dx-12 {
      width: 100%;
    }
    .col-dx-11 {
      width: 91.66666667%;
    }
    .col-dx-10 {
      width: 83.33333333%;
    }
    .col-dx-9-5 {
      width: 80%;
    }
    .col-dx-9 {
      width: 75%;
    }
    .col-dx-99 {
      width: 74%;
    }
    .col-dx-8 {
      width: 66.66666667%;
    }
    .col-dx-7 {
      width: 58.33333333%;
    }
    .col-dx-6 {
      width: 50%;
    }
    .col-dx-5 {
      width: 41.66666667%;
    }
    .col-dx-4 {
      width: 33.33333333%;
    }
    .col-dx-3 {
      width: 25%;
    }
    .col-dx-33 {
      width: 26%;
    }
    .col-dx-2-5{width:20%;}
    .col-dx-2 {
      width: 16.66666667%;
    }
    .col-dx-1 {
      width: 8.33333333%;
    }
    
    div.opposite-flow {
        float: right;
    }
    
    .left {
        float: left;
    }
    
    .right {
        float: right;
    }
    
    .info-img {
        float: none;
        width: 50%;
    }
    
}


/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5 {
    font-weight: 600;
    margin: 0 0 1.5rem 0;
}

h1 {
    font-size:4.1rem;
}

h2 {
    font-size:2.1rem;
}

h3 {
    font-size:1.9rem;
}

h4 {
    font-size:1.5rem;
}

h5 {
    font-size:1.2rem;
}

h6 {
    font-size:0.9rem;
}


blockquote { margin: 0; }

blockquote p {
    color: #bbb;
    font-style: italic;
    margin-bottom: 1.5rem;
}

cite { color: #bbb; }


/* Utilities
   ========================================================================== */
   .clear {clear: both;}
.remove-padding { padding-bottom: 0; }
.remove-margin { margin-top: 0; margin-bottom: 0; }
.remove-border { border: none; }