html {font-size:100.01%; overflow-x: hidden;}

body {
    margin: 0px;
    padding: 0px;
    font-family: "Roboto",Arial,Helvetica,Verdana,sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6em;
    overflow-x: hidden;
    color: #696969;
}

html::selection,body::selection,div::selection,span::selection,img::selection,pre::selection,input::selection,a::selection,*::selection {
    background: rgba(32,121,199,0.05);
}
html::-moz-selection,body::-moz-selection,div::-moz-selection,span::-moz-selection,img::-moz-selection,pre::-moz-selection,input::-moz-selection,a::-moz-selection, *::-moz-selection {
    background: rgba(32,121,199,0.05);
}

a, a:visited, a:hover {color: #000000}
p {margin: 0px;}
ul {margin: 6px 0px;}

.pdf-download-wrapper {position: fixed; top: 30px; right: 30px; background-color: rgb(32,121,199); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; overflow: hidden;}
.pdf-download-wrapper .pdf-link {display: inline-block; text-decoration: none; color: #fff; vertical-align: top; padding: 7px 8px 3px 8px;}
.pdf-download-wrapper .pdf-download {display: inline-block; height: 20px;vertical-align: top;  padding: 6px 8px;}
.pdf-download-wrapper a:hover {background-color: rgb(22,83,136);}
.pdf-download-wrapper .pdf-download span {display: inline-block;width: 15px; height: 20px; background-position: center; background-size: cover; background-repeat: no-repeat;}

.is-content {width: 100%; text-align: center;}
.is-section {width: 80%; max-width:700px; margin: 50px 0px 150px 0px;display: inline-block;text-align: left;}

.is-head {margin-bottom: 50px;}
.is-head .is-person {display: inline-block;}
.is-head .is-person .person-photo {display:inline-block; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; overflow: hidden; width: 100px; height:100px;}
.is-head .is-person .person-info {display:inline-block; vertical-align: top;}
.is-head .is-person .person-info h1 {display:inline-block; font-weight: 300; margin-bottom: 8px;}
.is-head .is-person .person-info h4 {display:block; font-weight: 400; margin:0px;}
.is-head .is-person-contacts {float:right;}
.is-head .is-person-contacts .is-person-contacts-list {list-style: none; text-align: right; padding: 0px;}
.is-head .is-person-contacts .is-person-contacts-list li a {text-decoration: none; color: #696969;}
.is-head .is-person-contacts .is-person-contacts-list li a:hover {color: #000;}

.is-section .is-cv-content {width: 100%;}
.is-section .is-cv-content .is-cv-block {margin-top: 30px;}
.is-section .is-cv-content .is-cv-block h3 {font-weight: 400; color: rgb(32,121,199);}
.is-section .is-cv-content .is-cv-block p span {font-weight: 500;}
.is-section .is-cv-content .is-cv-block .is-cv-company-wrapper {margin-bottom: 35px;}
.is-section .is-cv-content .is-cv-block .is-cv-company-wrapper .is-cv-company-info p a {text-decoration: none; color: black;}

.pet-projects p a {color: black; text-decoration: underline;}
.pet-projects p a:hover {color: black;}

.no-margins {margin: 0px;}
.mt-7 {margin-top: 7px;}
.mt-14 {margin-top: 14px;}
.mt-16 {margin-top: 16px;}
.mb-14 {margin-bottom: 14px;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fs-12 {font-size: 12px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}

.t-uppercase {text-transform: uppercase;}
.t-black {color: black}

@media (max-width: 600px) {
    .is-head {text-align: center;}
    .is-head .is-person .person-photo {display: block; margin: auto;}
    .is-head .is-person .person-info {margin-left: auto;}
    .is-head .is-person .person-info h1 {font-size: 24px;}
    .is-head .is-person .person-info h4 {font-size: 14px;}
    .is-head .is-person-contacts {float:none; margin-top: 20px;}
    .is-head .is-person-contacts .is-person-contacts-list {text-align: center;}
}