/* CSS Document */
/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Barlow:wght@400;600;700&family=Overpass:ital,wght@0,400;0,700;0,800;1,400&display=swap');
/**
 * CSS @imports must be at the top of the file.
 * Add them above this section.
 */

:root {
	--lt-blue:#0AA9CB;
	--md-blue:#175C88;
	--dk-grey: #333333;
	--lt-yellow: #ffc000;
	--p-font: 'Barlow','Barlow Condensed', 'Overpass', sans-serif;
	--s-font: 'Overpass', sans-serif;
}


body {
  	-webkit-font-smoothing: antialiased;
  	color: var(--dk-grey);
    font-family: 'Barlow','Barlow Condensed','Overpass', sans-serif;
}

.bg-lt-blue { background-color: var(--lt-blue);}
.bg-md-blue { background-color: var(--md-blue);}
.bg-lt-yellow { background-color: var(--lt-yellow);}

.bd-md-blue { border-bottom: solid 5px var(--md-blue);}

.hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; min-height: 400px;}

.xus{background-image: url("../img/IntcomexXUS.jpg");}
.xmx{background-image: url("../img/IntcomexXUS.jpg");}
.xgt{background-image: url("../img/IntcomexXGT.jpg");}
.xsv{background-image: url("../img/IntcomexXSV.jpg");}
.xsv{background-image: url("../img/IntcomexXSV.jpg");}
.xcr{background-image: url("../img/IntcomexXCR.jpg");}
.xpe{background-image: url("../img/IntcomexXPE.jpg");}
.xcl{background-image: url("../img/IntcomexXCL.jpg");}

h1 , h2 , h3, h4, h5, h6 { font-family: 'Overpass', sans-serif; font-weight: bold;}

.btn:hover { background-color: var(--lt-blue);}