/*

*********************************************
=============================================
CSS for unum-consulting.com
=============================================

+ by MANYFOLD
	- www.wearemanyfold.com
	- hello@wearemanyfold.com
	- @manyfold

=============================================
*********************************************

*/


/***********************************************
	R E S E T
***********************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/***********************************************
	G L O B A L
***********************************************/

	.cf:before,
	.cf:after {
		content: " ";
		display: table;
	}

	.cf:after { clear: both; }
	.cf { *zoom: 1; }

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

	::selection {
	    background: #09362F;
	    color: #fff;
	}

	::-moz-selection {
	    background: #09362F;
	    color: #fff;
	}

	img::selection,
	img::-moz-selection {
	    background: transparent;
	}

	body {
		color: #09362F;
		font-family: 'Roboto', sans-serif;
		background-color: #E4C8C2;
	}

/***********************************************
	S P L A S H
***********************************************/

    #splash {
        height: 100vh;
    }

    #splash .wrap {
        height: 100%;
        max-width: 832px;
        padding: 0 20px;
        margin: 0 auto;
        background-image: url(../img/pattern.svg);
        background-repeat: repeat;
        background-size: 19px 18px;
        background-position: left top;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #splash img {
        max-width: 360px;
        margin: 0 auto 84px;
		width: 100%;
    }

    #splash a {
        font-size: 19px;
        line-height: 23px;
        font-weight: bold;
        color: #09362F;
        text-decoration: none;
        display: block;
    }

/***********************************************
	F O O T E R
***********************************************/

	footer {
		overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 86px;
	}

	footer .wrap {
		text-align: center;
	}

    footer p {
        font-size: 14px;
        line-height: 19px;
    }

    footer p:not(:last-child) {
        margin-bottom: 16px;
    }

/***********************************************
	R E S P O N S I V E
***********************************************/

@media only screen and (min-width : 320px) and (max-width : 767px) {
	#splash img {
		max-width: 300px;
		margin-bottom: 52px;
	}

	#splash a {
		font-size: 16px;
		line-height: 19px;
	}

	footer {
		padding-bottom: 56px;
	}
}