@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

/* # # # # # R E S E T # # # # # */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{color:black;text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* # # # # # R E S E T # # # # # */

html {
    width:100%;
    height:100%;
}
body {
    padding: 10px;
    font-size: 22px;
    font-family: helvetica;
    float: left;
}
.wrap {
    float: left;
    width: 100%;
    position: relative;
}
.info {
    width: calc(50% - 5px);
    float: left;
    background-color: #d3d3d3;
    height: 100%;
    position: absolute;

}
.cv {
    width: calc(50% - 5px);
    background-color: #d3d3d3;
    float: right;
    height: 100%;
    position: relative;
}
.light {
    color: #c1c1c1;
}
.country:hover .red {
    color: red;
}
.country:hover .yellow {
    color: yellow;
}
.not {
    color: black;
}
.projects {
    width: 100%;
    background-color: #d3d3d3;
    width: 100%;
    margin-top: 10px;
    float: left;
    -webkit-columns: 4 300px;
    -moz-columns: 4 300px;
    columns: 4 300px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;    
    -webkit-column-rule: 10px solid white; /* Chrome, Safari, Opera */
    -moz-column-rule: 10px solid white; /* Firefox */
    column-rule: 10px solid white;
}
p {
    padding-left: 25px;
    text-indent: -25px;
}
.bull {
    width: 24px;
    display: inline;
    margin-right: 8px;
    margin-left: 9px;
}
a {
    color: blue
}
a:visited {
    color: purple
}
a:hover {
    color: blue
}
.column {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

@media only screen 
    and (min-width : 0px) 
    and (max-width : 1300px) {
        body {
            /*    font-size: 18px;*/
        }
}
@media only screen 
    and (min-width : 0px) 
    and (max-width : 700px) {
        .info {
            width: 100%;
            float: left;
            background-color: #d3d3d3;
            height: 100%;
            position: relative;

        }
        .cv {
            margin-top: 10px;
            width: 100%;
            float: left;
            background-color: #d3d3d3;
            height: 100%;
            position: relative;
        }
}