/*Mobile version first*/
html{
    background: url(img/kolegia_index.jpg) 50% 17% #fff;
}
*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1
{
    text-align: center;
    font: 300%/1.21 PartnerUltraCondensed !important;
    font-weight: bold;
    width: 100%;
    margin-bottom:40px;
    padding-top: 80px;
    text-align: center;
    background: rgba(109, 109, 109, 0.6);
    /*background: rgba(182, 35, 29, 0.6);*/
    float: left;
}

svg
{
    width: 50%;
    height: 50%;
}

body
{
    height: 100%;
    font-family: Helvetica ;
    font-size: 1em;
    font-weight: medium;
    /*background: rgb(255, 255, 255);*/
}

img
{
    max-width: 100%;
    height: auto;
}

header
{
    width: 100%;
    position: fixed;
    height: 51px;
    margin-bottom: 20px;
    background-color: rgb(221,221,221);
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
header li {
    font: 1.2em pobeda-bold !important;
    float: left;
    padding: 14px 15px;
    list-style: none;
    text-align: center;
    text-shadow: 1px 0px 1px black;
}
header li:hover
{
    color: rgb(221,221,221);
    background: rgb(250, 250, 250);
}
a:link
{
    color: rgb(255, 255, 255);
}
a:visited
{
    color: rgb(255, 255, 255);
}

p
{
    font: .9em/1.4 HelveticaMedium !important;

    padding-top: 10px;
}

footer
{
    height: 145px;
    width: 100%;
    text-align: center;
    opacity: 0, 9;
    background-color: rgb(221,221,221);
}
footer img
{
    width: 60px;
    height: auto;
    margin-top: 15px;
}
footer p
{
    font: 1.2em/1.21 pobeda !important;
    color: rgb(255, 255, 255);
}

.container
{
    width: 85%;
    /*background: rgb(60, 160, 260);*/
    margin: 0 auto;
}

.container .columns
{
    float: left;
    margin: .5em 0 .5em 0;
    padding: 0 .5em;
    /*background: pink;*/

    text-align: center;
}

.container .columns.col-1
{
    width: 8.333333333333332%;
}
.container .columns.col-2
{
    width: 16.666666667%;
}
.container .columns.col-3
{
    width: 25%;
}
.container .columns.col-4
{
    width: 33.333333333%;
}
.container .columns.col-5
{
    width: 41.66666667%;
}
.container .columns.col-6
{
    width: 50%;
}
.container .columns.col-7
{
    width: 58.3333333%;
}
.container .columns.col-8
{
    width: 66.66666666667%;
}
.container .columns.col-9
{
    width: 75%;
}
.container .columns.col-10
{
    width: 83.333333333%;
}
.container .columns.col-11
{
    width: 91.666666667%;
}
.container .columns.col-12
{
    width: 100%;
}

.text_div
{
    height: 80px;
    /*background: rgb(110, 224, 255);*/
    margin: 0 auto;
    padding: 10px 0;
}

text
{
    margin: 0;
    padding: 0;
}

.img_div:before
{
    content: '  ';
}

.img_div
{
    margin: -4px 0;

    background: url(img/pexels-photo-326311.jpeg) 50% 50%;
}


.clear:before,
.container:after,
.row:after,
.row:before,
.container:before,
.clear:after
{
    display: table;

    content: ' ';
}

.container:after,
.row:after,
.clear:after
{
    clear: both;
}


/*Mobile version end*/


/*1024 PX*/
@media (max-width: 1025px)
{
    .container .columns.col-1,
    .container .columns.col-2,
    .container .columns.col-3,
    .container .columns.col-4,
    .container .columns.col-5,
    .container .columns.col-6,
    .container .columns.col-7,
    .container .columns.col-8,
    .container .columns.col-9,
    .container .columns.col-10,
    .container .columns.col-11,
    .container .columns.col-12
    {
        width: 50%;
    }
}
/*1024 PX end*/

/*590 PX*/
@media (max-width: 591px)
{
    .container .columns.col-1,
    .container .columns.col-2,
    .container .columns.col-3,
    .container .columns.col-4,
    .container .columns.col-5,
    .container .columns.col-6,
    .container .columns.col-7,
    .container .columns.col-8,
    .container .columns.col-9,
    .container .columns.col-10,
    .container .columns.col-11,
    .container .columns.col-12
    {
        width: 100%;
    }
    svg
    {
        width: 40%;
        height: 40%;
    }
}
/*590 PX end*/
@media (max-width: 666px)
{
h1{
   padding-top: 120px !important;
}
}