/*-- Sets properties for index body --*/
#index-body {
    background-color: #eaeaea;
	color: #33363b;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
}

/*-- Properties for header --*/
#info-header {
    text-align: center;
}
#info-header h1 {
    font-size: 400%;
}
#info-header p {
    font-size: 200%;
}
.skills-list-hr {
    height: 0.1em;
    background-color: #368cbf !important;
    color: #368cbf !important;
}
#skills-list li{
    font-size: 140%;
}

/*-- Properties for circle-links --*/
.list-unstyled a {
	color: inherit;
	font-family: inherit;
	font-size: 200%;
	text-decoration: none;
}
.list-unstyled img{
	border:10px solid #33ccff;
	border-radius:500px;
	
}
ul img:hover{
	border: 10px solid #FFC12B;
	box-shadow: 0 0 20px #FFC12B;
}

/*-- Media queries for index --*/
@media only screen and (max-width: 400px) {
    #info-header p{
        font-size: 150%;
    }
}

@media only screen and (max-width: 1367px) {
    #skills-list li{
        font-size: 125%;
    }
}

/*-- Properties for index/resume body --*/
#resume {
    color: #33363b; 
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    background-color: #eaeaea;
}
#contact-list {
    vertical-align: bottom;
}
.resume-hr {
    height: 1%;
    background-color: #368cbf !important;
    color: #368cbf !important;
}
#contact-list {
    vertical-align: baseline;
}
.section-title-h2 {
    font-size: 150%;
}
#resume li{
    margin-bottom: 0.5%;
}
.resume-link-list {
}
.resume-list-item a{   
    font-size: 125%;
    text-decoration: none;
    color: #b11a21;
}
a.resume-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a.resume-link:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.description-item {
    margin-left: 2%;
}
.sub-description-list {
    margin-left: 2%;
}
.sub-description-item {
    margin-left: 4%;
}
/*-- Media queries for resume --*/
@media only screen and (max-width: 400px) {
    .section-title-h2{
        font-size: 100%;
    }
    #resume > section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul:nth-child(1) > li{
        font-size: 65%;
    }
}

@media only screen and (max-width: 1367px) {
    .section-title-h2{
        font-size: 125%;
    }
    #resume > section:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul:nth-child(1) > li{
        font-size: 85%;
    }
}