/** FONTS -START- **/

@font-face {
    font-family: robotoLight;
    src: url(../fonts/roboto.light.ttf);
}

@font-face {
    font-family: robotoRegular;
    src: url(../fonts/roboto.regular.ttf);
}

@font-face {
    font-family: robotoMedium;
    src: url(../fonts/roboto.medium.ttf);
}

/** FONTS -END- **/

body {
	font-family: robotoRegular;
}



/** HEADER -START- **/

.header-container {
	width: 100%;
	margin:auto;
}


.logo-container {
	line-height: 65px;
    height: 65px;
    margin-left: 15px;
}

.logo-img {
	max-height: 55px;
	filter: brightness(80%);
}

.logo-img:hover {
	max-height: 55px;
	filter: brightness(90%);
}

/** HEADER -END- **/

/** BANNER -START- **/
.banner {
	height: 540px;
	background: #360033;
	background: -webkit-linear-gradient(130deg, #360033, #0b8793);
	background: -o-linear-gradient(130deg, #360033, #0b8793);
	background: -moz-linear-gradient(130deg, #360033, #0b8793);
	background: linear-gradient(130deg, #360033, #0b8793);
	background-attachment: fixed;
}

.banner-name {
	font-family: robotoRegular;
	font-weight: bold;
	color: #E5E5E5;
	font-size: 26px;
	letter-spacing: 4px;
}

.banner-subtitle {
	font-family: robotoMedium;
	color: #C6C6C6;
	font-size: 20px;
	letter-spacing: 2px;
}

.banner-logo {
	margin-top: 90px;
	filter: brightness(100%);
}


/** BANNER -END- **/

/** PROFILE -START- **/
.profile {
	margin-top: 125px;
	margin-bottom: 125px;
}
.profile-title {
	font-family: robotoLight;
	color: #303030;
	font-size: 36px;
	margin-bottom: 25px;
	text-align: center;

}

.profile-body-text {
	font-family: robotoRegular;
	color: #303030;
	font-size: 16px;
}

.profile-icon {
	background: -webkit-linear-gradient(130deg, #4CA1AF, #360033);
	background: -o-linear-gradient(130deg, #4CA1AF, #360033);
	background: -moz-linear-gradient(130deg, #4CA1AF, #360033);
	background: linear-gradient(130deg, #4CA1AF, #360033);
    border-radius: 50%;
    box-sizing: border-box;
    padding: 40px;
    font-size: 3em;
    color: #FFFFFF;
    margin-bottom: 30px;
}

/** PROFILE -END- **/

/** SKILLS -START- **/
.skills {
	margin-top: 25px;
	background: #3fada8;
	background: -webkit-linear-gradient(130deg, #C04848, #480048);
	background: -o-linear-gradient(130deg, #C04848, #480048);
	background: -moz-linear-gradient(130deg, #C04848, #480048);
	background: linear-gradient(130deg, #C04848, #480048);
	background-attachment: fixed;
	padding-top: 80px;
	padding-bottom: 40px;
}

.skills-sub-text {
	font-family: robotoLight;
	color: #FFFFFF;
	font-size: 20px;
	margin-top: 15px;
}

.skill-icon {
	color: #FFFFFF;
    box-sizing: border-box;
    font-size: 3.5em !important;
    margin-top: 15px;
    margin-bottom: 40px;
}
/** SKILLS -END- **/

/** EDUCATION -START- **/
.education {
	margin-top: 90px;
	margin-bottom: 90px;
}
.education-title {
	font-family: robotoLight;
	color: #303030;
	font-size: 36px;
	margin-bottom: 25px;
	text-align: center;
}


.education-sub-text {
	font-family: robotoRegular;
	color: #303030;
	font-size: 20px;
	margin-top: 18px;
}

.education-body-text {
	font-family: robotoLight;
	color: #303030;
	font-size: 18px;
}

.education-icon-1 {
	background: -webkit-linear-gradient(130deg, #514A9D, #24C6DC);
	background: -o-linear-gradient(130deg, #514A9D, #24C6DC);
	background: -moz-linear-gradient(130deg, #514A9D, #24C6DC);
	background: linear-gradient(130deg, #514A9D, #24C6DC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    box-sizing: border-box;
    padding: 40px;
    font-size: 6em !important;
    color: #FFFFFF;
}

.education-icon-2 {
	background: -webkit-linear-gradient(130deg, #4A569D, #DC2424);
	background: -o-linear-gradient(130deg, #4A569D, #DC2424);
	background: -moz-linear-gradient(130deg, #4A569D, #DC2424);
	background: linear-gradient(130deg, #4A569D, #DC2424);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    box-sizing: border-box;
    padding: 40px;
    font-size: 6em !important;
    color: #FFFFFF;
}

/** EDUCATION -END- **/

/** PORTFOLIO -START- **/
.portfolio {
	margin-top: 25px;
	background: #360033;
	background: -webkit-linear-gradient(130deg, #191654, #43C6AC);
	background: -o-linear-gradient(130deg, #191654, #43C6AC);
	background: -moz-linear-gradient(130deg, #191654, #43C6AC);
	background: linear-gradient(130deg, #191654, #43C6AC);
	background-attachment: fixed;
	padding-top: 80px;
	padding-bottom: 40px;

}

.portfolio-title {
	font-family: robotoRegular;
	color: #303030;
	font-size: 36px;
	margin-bottom: 35px;
	color: #EEEEEE;
}

.portfolio-title .thumbnail {
	padding: 0px !important;
	border: none !important;
	border-radius: 0px !important;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.view-button, .view-button:hover, .view-button:focus {
	text-decoration: none;
	color: #FFFFFF;
	box-sizing: border-box;
	background: #427f68;
	font-family: robotoMedium;
	display: block;
	text-align: center;
}

.view-button a {
	text-decoration: none !important;
	color: #fff !important;
	display: block !important;
	padding: 12px !important;
}

/** PORTFOLIO -END- **/

/** BANNER -END- **/

/** PROFILE -START- **/
.contact {
	margin-top: 85px;
	margin-bottom: 85px;
}
.contact-title {
	font-family: robotoLight;
	color: #303030;
	font-size: 36px;
	margin-bottom: 25px;
}

.contact-icon {
	background: -webkit-linear-gradient(130deg, #3d72b4, #525252);
	background: -o-linear-gradient(130deg, #3d72b4, #525252);
	background: -moz-linear-gradient(130deg, #3d72b4, #525252);
	background: linear-gradient(130deg, #3d72b4, #525252);
    border-radius: 50%;
    box-sizing: border-box;
    padding: 40px;
    font-size: 3em !important;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.contact-textarea {
	height: 260px !important;
    resize: none;
}

.contact-info-icon {
	background: -webkit-linear-gradient(130deg, #C04848, #480048);
	background: -o-linear-gradient(130deg, #C04848, #480048);
	background: -moz-linear-gradient(130deg, #C04848, #480048);
	background: linear-gradient(130deg, #C04848, #480048);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    box-sizing: border-box;
    padding: 10px;
    font-size: 5em !important;
    color: #FFFFFF;
}

.contact-info-text,.contact-info-text:hover,.contact-info-text:focus {
	text-decoration: none;
    color: #000000;
    font-size: 1.25em;
}

.contact-info-text > p {
	font-family: robotoRegular;
}
/** PROFILE -END- **/