body { font-family: 'Roboto', sans-serif; }

a, a.visited {color: #177baa; text-decoration: none;}
a:hover {color: #106e99; text-decoration: underline;}

.h2, h2 { font-size: 2.5rem; text-transform: uppercase; margin-bottom:1.5rem;}

header {background: #191d22; color: #FFF;}
    /* .logo {background:  #FFF;} */
        .logowrapper {display: block; height: 100%; width: 100%; padding: 40px;}
         .logowrapper h1 {background: transparent url(../img/logo-invert.svg) center center no-repeat; background-size: contain; display: block; min-height: 150px; height: 100%; width:100%; overflow: hidden; text-indent: -999999px }

section {padding: 40px 0;}

#aboutus { padding-top: 40px; padding-bottom: 40px; }

#services { }

#projects {background: #b3becd; text-align: center;}
    #projects img {border-radius: 50%; margin:1rem 0;}
    #projects .col-4 {margin:1rem 0;}


#commodities {text-align: center; padding: 40px 0;}
    #commodities img {border-radius: 20px; margin:1rem 0;}

#contact {background: #191d22; color: #FFF;}
    #contact h2 {text-align: center;}
    #contact a, #contact a.visited {color: #FFF; text-decoration: none;}
	#contact a:hover {color: #FFF; text-decoration: underline;}
    .vcard { text-align: center;}



.org {background: transparent url(../img/logo-invert.svg) center center no-repeat; height: 150px; display: block; overflow: hidden; text-indent: -999999px }