body{margin:0;background-image:url(background.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed/*;background-position: center center*/}
html,body,.main-wrap,.main{min-height:100%}
.main-wrap{font-family:arial,helvetica,sans-sarif;padding:30px}
.main-wrap img{max-width:100%}
.main-wrap a{transition:all 200ms linear}
.main-wrap a:hover{opacity:0.5}
.main-wrap .main{max-width:1170px;margin:auto;text-align:center}
.main-wrap .main .image-wrap{width:250px;display:inline-block}
.main-wrap .main .image-wrap .image img{border-radius:50%}
.main-wrap .main .name-wrap .name{padding:10px}
.main-wrap .main .name-wrap .name h1{font-size:45px;line-height:normal;margin:0;color:#fff}
.main-wrap .main .postion-wrap{padding-bottom:10px}
.main-wrap .main .postion-wrap .position{padding:5px}
.main-wrap .main .postion-wrap .position h2{margin:0;font-size:20px;color:#cedeed}
.main-wrap .main .text-social-wrap .text{border-top:1px solid #88caec;padding:15px 0 25px 0}
.main-wrap .main .text-social-wrap .text p{color:#fff;font-size:18px;margin:0;line-height:1.5em}
.main-wrap .main .text-social-wrap .footer{border-top:1px solid #88caec;width:100%;text-align:center}
.main-wrap .main .text-social-wrap .footer p{color:#000;font-size:10px;margin:0;padding:10px;line-height:1.5em}
.main-wrap .main .text-social-wrap .social-wrap{margin-top:15px}
.main-wrap .main .text-social-wrap .social-wrap .social .icon{display:inline-block;font-size:22px;border:1px solid #fff;border-radius:50%;width:22px;height:22px;padding:10px;margin:0 15px;cursor:pointer;transition:all 200ms linear}
.main-wrap .main .text-social-wrap .social-wrap .social .icon a{color:#fff}
.main-wrap .main .text-social-wrap .social-wrap .social .icon:hover{opacity:0.5}
.main-wrap .main .text-social-wrap .social-wrap .social .icon:hover a{opacity:1}
.main-wrap .main .text-social-wrap .link-wrap{margin-top:30px;margin-bottom:10px}
.main-wrap .main .text-social-wrap .link-wrap .link{display:block;margin-bottom:25px}
.main-wrap .main .text-social-wrap .link-wrap .link a{display:inline-block;color:#fff;text-decoration:none;font-size:20px;border:1px solid #fff;border-radius:10px;padding:7px 20px}
.main-wrap .main .text-social-wrap .link-wrap .link a .icon{padding-right:5px}
.main-wrap .main .copyright-wrap{margin-top:50px}
.main-wrap .main .copyright-wrap .copyright a{text-decoration:none;color:#cedeed}
.main-wrap .main .name-image-address-wrap .name-image-address{position:relative;min-height:150px}
.main-wrap .main .name-image-address-wrap .name-image-address .image{display:block;width:150px;position:absolute;left:0}@media only screen and (max-width: 968px){.main-wrap .main .name-image-address-wrap .name-image-address .image{position:relative;margin:auto}}/*Comment: image on mainpage*/
.main-wrap .main .name-image-address-wrap .name-image-address .image2{display:block;width:100px;position:absolute;left:0}@media only screen and (max-width: 650px){.main-wrap .main .name-image-address-wrap .name-image-address .image{position:relative;margin:auto}}/*Comment: image on Resume. In the index I changed the image to QR code*/
.main-wrap .main .name-image-address-wrap .name-image-address .name-address{display:block;padding-top:4%}
.main-wrap .main .name-image-address-wrap .name-image-address .name-address .name h1{margin:0}
.main-wrap .main .name-image-address-wrap .name-image-address .name-address .address a{text-decoration:none}
.main-wrap .main .cv-content-wrap .cv-content .section{text-align:left}
.main-wrap .main .cv-content-wrap .cv-content .section h2.title{text-transform:uppercase;font-size:1.2em}
.main-wrap .main .cv-content-wrap .cv-content .section.education .section-content{/*padding-left:20px*/}/*Comment out the school indentation*/
.main-wrap .main .cv-content-wrap .cv-content .section.education .section-content .sub-content{padding-left:10px;font-style:normal}
.main-wrap .main .cv-content-wrap .cv-content .section.education .section-content.has-border{border-top:2px solid #000}
.main-wrap .main .cv-content-wrap .cv-content .section.education .section-content .title-year .year{padding-right:2px}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content{padding-top:5px}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .title-year .title{display:inline-block}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .title-year .year{display:inline-block;float:right;padding-right:2px}@media only screen and (max-width: 600px){.main-wrap .main .cv-content-wrap .cv-content .section .section-content .title-year .year{width:100%;display:block;float:none}}/*padding-right to changed the right indentation from 30px to 2px*/
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .title-year .year:after{content:"";display:block;clear:both}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .sub-content{font-style:italic}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content.has-border{border-top:2px solid #000}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .points{margin-bottom:15px}
.main-wrap .main .cv-content-wrap .cv-content .section .section-content .points ul{margin:0;padding-left:20px}