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

html {scroll-behavior: smooth;}
body {font-family:'Lato', Arial, Helvetica, sans-serif; background:#e5e5e5; color:#333}

header {background:rgba(255,255,255,0.8); font-weight:bold}
.navbar-expand-lg .navbar-nav {width:100%; justify-content:flex-end; font-size:13px}

section {height:100vh;width:100%;margin:0!important}
section:nth-child(odd) {background:#f5f5f5}
.contbox h2:after {display:block;content:'';width:40px;height:3px;background:#333;border-radius:2px;margin:5px 0 0 0;}

#section1 h1 {font-size:40px;margin:5px 0;font-weight:bold}
#section1 h2 {font-size:16px;margin:5px 0;}
#section1 h4 {font-size:17px;margin:40px 0;}

#section1 {background:url(images/bg.jpg); background-position:center center; background-size:cover; color:#fff;}

footer {background:#333; color:#fff; text-align:center; padding:30px;}
footer img {max-width:60px; height:auto;}
footer p {margin:0; font-size:0.8rem;}
footer h5{font-size:1rem; font-weight:bold; margin:10px 0;}
footer a {color:#aaa; text-decoration:none}
footer a:hover {color:#ccc; text-decoration:underline;}


#section7 {height:50vh;}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    body {line-height:20px; font-size:1rem;}
    section {height:initial; padding:80px 0 30px 0;}
    #section1 {height:100vh}
    .sect-title {font-size:1.3rem;}
    section .container {margin:0; max-width:100%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    body {line-height:20px;}
    .navbar-brand img {height:40px;width:40px;}
    .img-fluid {max-width:150px; height:auto; margin-bottom:20px;}
    #section2 .col-sm-4 {text-align:center;}
    section {margin-top:40px;}
    #section1 {margin-top:0;}
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }