/* <style> */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* </style>  */

/*body {
  font-family: "Lato", sans-serif;
  color: #fff;
  background: #322f30;
  -webkit-font-smoothing: antialiased;
  margin: 20px auto; width: 70%;
}*/

body {
  font-family: "Lato", sans-serif;
  color: #fff;
  background: #322f30;
  -webkit-font-smoothing: antialiased;
  margin: 10px auto; width: 70%;
}

a {
  text-decoration: none;
  color: #fff;
}

/* a.right
{
  color: #7fdbff;
  text-align: right;
} */

a:link, a:visited{
  color: #7fdbff;
  /*text-decoration: underline;*/
}

a:hover {
  text-decoration: underline;
}

anchor{
    line-height: 0;
    font-size: 0;
    color: transparent; 
}

/*p, ul { font-size: 1.5em; line-height: 1.4em; color: #fff; }*/
p { font-size: 1.25em; line-height: 1.2em; color: #fff; font-weight: 200; text-align: justify;}
p2{ font-size: 1.0em; line-height: 0.9em; color: #fff; font-weight: 200; text-align: justify; margin-right: 20px}
p3{ font-size: 1.25em; line-height: 1.2em; color: #fff; font-weight: 200; text-align: justify;color:#DDDDDD}
ul { font-size: 1.5em; line-height: 1.4em; color: #fff;}

h1, h2, h3, h4 { font-family: 'Lato', 'Sans-Serif';
                font-weight:300; }
h1 { font-size: 3em;  }
h2 { font-size: 2.7em; }
h3 { font-size: 2.3em;}
h4 { font-size: 1.9em; margin-top: 0.8em; margin-bottom: 0.8em;}

papertitle {
font-family: 'Lato', Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700
}


h5{ font-family: 'Lato', 'Sans-Serif';font-weight:300; font-size: 3em; text-align: center; margin-top: 0.8em; margin-bottom: 0.8em;}
h6{ font-family: 'Roboto Condensed', 'Lato', 'Sans-Serif';font-weight:300; font-size: 1.5em; text-align: left; margin-top: 0.8em; margin-bottom: 0.8em; color: #FF851B}

newstable li{
  font-family: "Lato"; font-size: 1.25em; line-height: 1.2em; color: #fff; font-weight: 200; text-align: justify;  -webkit-font-smoothing: antialiased;
}

/*nav ul{ font-size: 1.5em; font-family: 'Lato', 'Arial', 'Sans-Serif'; padding: 20px; list-style: none; text-align: center;}*/
nav ul{ font-size: 1.5em; font-family: 'Lato', 'Arial', 'Sans-Serif'; padding: 20px;list-style: none; text-align: center; margin-top: 10px;}
footer ul { font-size: 1.5em; font-family: 'Lato', 'Arial', 'Sans-Serif'; padding: 0px; list-style: none;}
/*nav ul li{ display: inline; margin-right: 20px; padding: 20px;}*/
nav ul li{ display: inline; padding: 20px;}
/*footer div ul li{ display: inline; margin-right: 20px; text-align: left;}*/
footer div ul li{ display: inline; margin-right: 20px; text-align: left;}

footer { border-top: 1px solid #d5d5d5; font-size: .8em; }

/* Blog */
ul.posts { margin: 20px auto 40px; font-size: 1.5em; }
ul.posts li { list-style: none; }

/* CV */
.cv { margin: 0px 0px 60px; }
.cv h1 { font-size: 3em; }
.cv h2 { font-size: 2em; }
.cv address, .cv .download { font-family: 'Lato', 'Arial', 'Sans-Serif'; }
.cv address, .cv p { font-size: 1.2em; }
.cv .download { float: right; font-size: .8em; text-transform: uppercase; }

/*p > a:hover {
  color: #d9d9d9;
  text-decoration: underline;
}*/

/*p, ul { font-size: 1.5em; line-height: 1.4em; color: #333; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1% 0 1% 0;
}
._12 {
  font-size: 1.2em;
}
._14 {
  font-size: 1.4em;
}*/
ul {
  padding: 0;
  list-style: none;
}

.footer-social-icons {
  width: 350px;
  display: block;
  /*margin: 0 auto;*/
}
.social-icon {
  color: #fff;
}
ul.social-icons {
  margin-top: 10px;
}
.social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}
.social-icons a {
  color: #fff;
  text-decoration: none;
}

.image-cropper {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

/*.fa-facebook {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-facebook:hover {
  background-color: #3d5b99;
}

.fa-rss {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-rss:hover {
  background-color: #eb8231;
}*/

.fa-twitter {
  padding: 10px 12px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-twitter:hover {
  background-color: #00aced;
}

.fa-youtube {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-youtube:hover {
  background-color: #e64a41;
}
.fa-linkedin {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-linkedin:hover {
  background-color: #0073a4;
}
/*.fa-google-plus {
  padding: 10px 9px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-google-plus:hover {
  background-color: #e25714;
}*/
.fa-envelope {
  padding: 10px 9px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-envelope:hover {
  background-color: #e25714;
}
.fa-github {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #322f30;
}
.fa-github:hover {
  background-color: #01FF70 ;
}