/*/ RESET STYLES /*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,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%;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1margin:0;padding:0;}
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}

/*/ END OF RESET STYLES /*/

body
{
	background-color: #f2f2f2;
	color: #010b03;
	font-family: 'Arial', sans-serif;
}

header
{
	height: 80vh;
	text-align: center;
	display: block;
}

content
{
	width: 80%;
	margin: auto;
	display: block;
	text-align: center;
}

b
{
	color: #27d19c;
}

h1
{
	font-family: 'Sanchez', sans-serif;
	font-size: 40px;
	margin: 80px 0;
	color: #27d19c;
}

.logo img
{
	max-width: 400px;
	width: 100%;
}

.cloud
{
	position:absolute;
	font-size: 40px;
	line-height: 25px;
	font-family: 'Nothing You Could Do', sans-serif;
}

.cloud span
{
	color: #27d19c;
	font-size: 26px;
}

.case-container
{
	display: inline-block;
	position: relative;
	top: 0px;
	background: #fff;
	margin: 20px;
	width: 250px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.case-container:hover
{
	top: -7px;
	bottom: 5px;
}

.case-rocketoffice,
.case-merkenmode,
.case-probello,
.case-coatshine
{
	background-size: cover;
	background-repeat: no-repeat;	
	display: block;
	height: 400px;
	margin-bottom: 10px;
	text-align: center;
}

.case-merkenmode
{
	background-image: url('/images/cases/merkenmode.jpg');
}

.case-rocketoffice
{
	background-image: url('/images/cases/rocketoffice.jpg');
}

.case-probello
{
	background-image: url('/images/cases/probello.jpg');
}

.case-coatshine
{
	background-image: url('/images/cases/coatshine.jpg');
}

img.margin
{
	margin: 20px;
}

.btn .fa-caret-down
{
	margin-left: 20px;
}

.btn
{
	border: 0;
}

.contact 
{
	padding: 100px 0;
}

.margin-right
{
	margin-right: 20px;
}

.margin-left
{
	margin-left: 30px;
}

.margin-auto
{
	float:none;
	margin: auto;
}

.no-margin
{
	margin: 0;
}

.align-left, .align-left-important
{
	text-align: left;
}

.align-center
{
	text-align: center;
}

.align-middle
{
	vertical-align: middle;
}

.font
{
	text-align: justify;
}

.written
{
	font-family: 'Nothing You Could Do', cursive;
	font-size: 42px;
}

.container
{
	height: 0;
	width: 0;
	position: absolute;
}

.medium
{
	display: inline-block;
	width: 60px;
}

.large
{
	width: 230px;
}

.xlarge
{
	width: 400px;
}

.clear
{
	clear: both;
}

@media (max-width: 992px) 
{	
	h1
	{
		font-size: 30px;
		margin: 50px 0;
	}
	content
	{
		width: 90%;
	}

	.align-left
	{
		text-align: center;
	}

	.cloud
	{
		display: none;
	}

	.font
	{
		font-size: 14px;
	}
}