@charset "utf-8";
/* CSS Document */


@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
html {font-size:16px;}
body { font-family: 'Poppins', sans-serif; background: #fafafa; transition: background-color .5s;color:#414141;font-weight: 100;
}

/* Fade in effect */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.wrapper {display: flex; flex-direction: column; justify-content: center; height: 100vh; }
.homepage {background-image: url("../images/logo.svg");background-repeat: no-repeat; background-position: bottom -70px right -70px; background-size: 40%;animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */-o-animation: fadein 2s; /* Opera */}
.main-content {padding:20px; margin-top:60px;padding-bottom: 0px;}
.homepage-h1 {font-size: 5rem;font-weight: 100;}
.content-box { padding-top:30px; padding-bottom:20px;text-align: center;}
.content-box.right {padding-top:20px!important; padding-bottom:30px!important;}
.h2, h2 {
    font-size: 1.5rem !important;
}
.h1-link {
	color:#76bed0 !important; 
	text-decoration: underline !important;
}

/*btn style override */
.btn {transition:none; padding: 0px; margin-left: 0.75rem;margin-right: 0.75rem;border-radius: 0px;}
.btn:focus, .btn:active {outline: none !important; box-shadow: none !important; color:#76bed0;}
/*.btn { border-bottom:solid 2px #fafafa; box-sizing: border-box;}
.btn:hover {border-bottom: solid 2px #76bed0; transition: transform 250ms ease-in-out;}*/


/*Top navbar style override */
.navbar { box-shadow: none !important; justify-content: flex-start !important; padding-bottom:10px !important;}
.back {position: absolute; right: 50px; top: 15px; color:#76bed0; font-size: 2rem; }
.back:hover {color:#247ba0;}

/* RESUME PAGE STYLES */
.box {background-color: #f6f6f6; padding:15px; margin-bottom: 10px; animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */ -webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */ }	
.box-two {padding-bottom:88px;}
/*.column { margin-bottom:20px; }*/
#resume h2 {font-size:1.5rem;color:#76bed0;}
#resume h3 {font-size:1rem;}
.two-col-div { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-left:15px;padding-right:15px; padding-bottom:0px;}
.box ul li {list-style: disc !important;display: list-item !important;}
.date { font-size: .8rem; font-style: italic;font-weight: 100;}
.company { font-size: .10rem; font-weight: 100;}
.email-link::after {display: none;}




@media (max-width:375px){
	.homepage {background-image: none!important;}
	.homepage-h1 {font-weight: 100;margin-top:80px!important;font-size: 2rem!important;}
	h1 {font-size:1.8rem !important;}
	h2 {font-size:1.3rem !important;}
	
}

@media (max-width: 600px) {

.wrapper {justify-content: flex-start; }
.homepage {background-position: bottom 5px right -40px; background-size: 85%;}
.homepage-h1 {font-weight: 100;margin-top:100px;font-size: 2.5rem !important;}
.back-img {position:absolute; width:80px !important; height:auto;}
h1 {font-size:2rem;}
h2 {font-size:1.5rem !important;}
.description {padding-top:20px!important; padding-bottom:20px!important;padding-left:15px!important;padding-right:15px!important;}
.description p {width: 100%!important;}
.back {position: absolute; right: 15px; top: 10px;}
} 

@media (max-width: 1024px) {
.homepage-h1 {font-size: 4rem;}
}
/* common styles for all diveces smaller than iPad */
@media (max-width: 768px) {
	.sidebar.active {width:100% !important; }
	#sidebarCollapse {width:60px; height:60px;}
	
}