/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html
{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body
{
	font-family: "Hind", Arial, Verdana, Helvetica, sans-serif;
	font-size: clamp(1rem, 0.8269rem + 0.4808vw, 1.125rem);
	line-height: 1.8em;
	color: #222;
	background: #FFF;
	letter-spacing: 0em;
	
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

::selection
{
	background: #2980b9;
	color: #FFF;
}

::-moz-selection
{
	background: #2980b9;
	color: #FFF;
}

a
{
	color: #2980b9;
	text-decoration: none;
}

	a:hover
	{
		color: #222;
	}
	
/* ==================================================
   Main Styles
================================================== */

#headercont
{
    background-image:
        linear-gradient(138deg, rgba(238,238,238,0.5) 0%, rgba(238,238,238,1) 100%),
        linear-gradient(45deg, rgba(238,238,238,0.5) 0%, rgba(238,238,238,1) 100%);
}

#maincont
{
    
}
    
    #maincont .leftdiv, #maincont .rightdiv
    {
        background: #F1F1F1;
    }
    
        #maincont .rightdiv
        {
            background: #F1F1F1 url("../images/crane-safe-sampling.jpg") no-repeat 0% 50%;
            background-size: cover;
        }

#footercont
{
    background: #000;
    color: rgba(255,255,255,0.6);
    font-size: 90%;
    letter-spacing: 0.05em;
}

    #footercont a
    {
        color: #FFF;
        text-decoration: underline;
    }
    
        #footercont a:hover
        {
            text-decoration: none;
        }

/* ==================================================
   Media Queries
================================================== */

@media only screen and (max-width: 1200px)
{
	
	
	
}

@media only screen and (max-width: 992px)
{
	
    #maincont .borderright
    {
        border-right: 0;
    }
	
}

@media only screen and (max-width: 768px)
{
	
	
	
}

@media only screen and (max-width: 576px)
{
	
	
	
}