/*!
 * 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 "OpenSans", sans-serif;
    font-weight: 400;
}

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


@media (min-width: 600px) {
    html {font-size: 13px;}
    .container {width: 90%;}
}

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

/*@media (min-width: 1025px) {
    html { font-size: 14px; }
    .container {width: 90%;}
}*/

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

/*@media (min-width: 1441px) {
    html { font-size: 17px; }
    .container {width: 85%;}
}

@media (min-width: 1601px) {
    html { font-size: 17px; }
    .container {width: 80%;}
}*/

body {
    height: 100%;
    width: 100%;
}


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

.row:after {
    clear: both;
} 


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

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

@media (min-width: 599px) {
    
    .row {
        margin: 1.5rem -0.8rem;
    }

    div[class*="col--"] {
        float: left;
        margin: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

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


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

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

h1 {
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: 1.5rem;
}

@media (min-width: 40rem) {
  h1 { font-size: 1.5rem; }
}

h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

blockquote { margin: 0; }

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

cite { color: #bbb; }


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