body {line-height:1.8; margin:0px; padding:0px; background-color:#ffffff; font-family:Outfit, sans-serif; color:#333333;}

a {color:#3399ff; text-decoration:none;}
a:hover {color:#cf2525; text-decoration:none;}
a:active {color:#cf2525; text-decoration:none;}

#mainContainer {max-width:1100px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px;}


#header-container {display:flex; flex-wrap:wrap; align-items:center; height:100px; padding:0px; margin-top:50px; margin-bottom:50px;}


#header-logo {flex:50%;}

#header-nav {display:flex; flex:50%; justify-content:right; font-size: 1.25em;}
#header-nav ul {list-style:none; padding:0px; margin:0px;}
#header-nav li {display:inline; padding-left:25px; padding-right:0px}

#header-nav a {color:#7c7c7c; text-decoration:none;}
#header-nav a:hover {color:#000; text-decoration:none;}
#header-nav a:active {color:#000; text-decoration:none;}
#header-nav .active-link a {color:#262626; text-decoration:none;}


#gallery {width:100%; display:flex; flex-wrap:wrap; justify-content:space-evenly;}

#gallery-item {width:350px;}
#gallery-item img {width:100%; height:auto;}
#gallery-item-end {width:350px;}
#gallery-item a {opacity: 1;}
#gallery-item a:hover {opacity: 0.75; transition: opacity 0.1s ease;}


#content-container {display:flex; flex-wrap:wrap;}

#content-text {order:2; flex:40%;}
#content-text div {margin-left:25px; margin-bottom:40px;}
#content-text h1 {color:#333333;font-size: 1.5em; font-weight:bold; margin-top:0px;}
#content-text h2 {color:#333333;font-size: 2em; font-weight:bold; margin-top:0px;}
#content-text h3 {color:#333333;font-size: 1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:0px;font-weight: normal;}


#content-gallery {order:1; flex:60%; text-align:center;}
#content-gallery img {max-width:100%; height:auto; margin-bottom:40px;}


#backNext {width:100%; display:flex; justify-content:space-evenly; margin-bottom:50px;}
#backNext div {}
#backNext a {color:#7c7c7c; text-decoration:none;}
#backNext a:hover {color:#000; text-decoration:none;}
#backNext a:active {color:#000; text-decoration:none;}


#footer {height:55px; padding:0px; margin:0px; display:flex; align-items:center; justify-content:space-between;}

#footerInfo {height:55px; font-size:1em; color:#777777;}

#footerNav {height:55px; display:flex; flex-wrap:wrap; align-items:center;}

#footerNav-item {height:35px; padding-left:15px;}

#footerNav a {opacity: 0.5;}
#footerNav a:hover {opacity: 1; transition: opacity 0.1s ease;}


@media (max-width: 750px) {

#header-logo {flex:100%;}
#header-nav {flex:100%; justify-content:left; font-size: 1.25em;}
#header-nav li {display:inline; padding-left:0px; padding-right:25px;}

#gallery {flex-direction:column; justify-content:center;}

#content-text {order:1; flex:100%;}
#content-text div {margin-left:0px;}
#content-gallery {order:2; flex:100%;}




}