@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&family=Libre+Bodoni:wght@400;500;600&family=MonteCarlo&family=Nunito:wght@200;400;700&display=swap');
body {font-family: 'Lato', sans-serif;font-size:20px;}
#logo {width:100%;position:relative;top:70px;}
#logo img {width:400px;float:right;}
#hero {height:89vh !important;background-repeat:no-repeat;}
#hero h1 {font-family: Libre Bodoni, serif; font-weight:900;}
#hero h2 {font-family: Nunito, sans-serif;font-weight:400;}
#header {background: #6ff9fa;height:40px !important;}
section#skills {background:#e34ee8;}
section#resume {background:#6ff9fa;}
section#services {background:#e34ee8;}
section#contact {background:#282828;color:#ababb1;letter-spacing:2px;}
#contact h2 {color:#e34ee8;}
.align_right {float:right;margin-left:15px;}
.align_left {float:left;margin-right:15px;}
.section-title h2 {font-family: Libre Bodoni, serif;font-weight:300;text-align:center;letter-spacing:2px;}
.section-title h2::after {display:none !important;}
.navbar a, .navbar a:focus {font-size:15px;}
.about .content {border:3px solid #6ff9fa;padding:10px 60px;text-align:center;}

section#resume .container .section-title span strong:before {
    content: open-quote;
    font-family: Libre Bodoni, serif;
    font-size: 72px;
	line-height:12px;
	position:relative;
	top:27px;
}

section#resume .container .section-title span strong:after {
    content: close-quote;
    font-family: Libre Bodoni, serif;
    font-size: 72px;
    line-height: 12px;
    top: 39px;
    position: relative;
	vertical-align:baseline;
}

.about .content span:before {content:"H";font-family: MonteCarlo, cursive;font-size:35px; letter-spacing:2px;line-height:12px;}
.skills .section-title p span span:before {content: "W";font-family: MonteCarlo, cursive;font-size: 35px;letter-spacing: 2px;line-height: 12px;}
.dntLink {background-color:#e34ee8;color:#fff !important;text-transform:uppercase;padding:9px 10px !important;margin:10px 10px 10px 15px;font-weight:bold;font-style:italic;}
.portfolio-wrap {text-align:center;}
.portfolio-wrap video {padding:0px 7px;}

@media (max-width:1200px) {
	.about .content {margin-top:30px;}
	.about .image {background-size:contain !important;}
	
	}
	

@media (max-width:1050px) {
	#hero {background-size:auto !important;}
}
@media (max-width:768px) {
	#hero {background-size:auto !important;/*height:100% !important;padding-bottom:48px;*/background-position:top left;}
	.portfolio .portfolio-wrap {text-align:center;}
	section#skills p img, section#services p img {float:none;margin:10px auto;display:block;}
}