/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body{
margin:0;
padding:0;
font-family: Helvetica Neue, Helvetica, Arial;
color: #ffffff;
background-color: #fff;
}

#wrapper{
margin: 0 auto;
width: 100%;
}

.main_content, .uppersection{
width: 100%;
float: left;
}

.uppersection{
background-color: #68b2b1;
padding-bottom: 10px;
}

.logo{
margin: 0 auto 60px auto;
width: 160px;
text-align: center;
}

.logo h1{
width: 95px;
height: 70px;
margin: 44px auto 5px auto;
border-radius: 50%;
background-color: #fff;
background-image: url("../images/em.jpg");
background-repeat: no-repeat;
color: #68b2b1;
text-align: center;
padding-top: 25px;
font-size: 3em;
}

.logo span{
font-size: 1.5em;
text-align: center;
margin: 0 auto;
}

h2{
text-align: center;
font-weight: 900;
text-transform: uppercase;
font-size: 4em;
}

h3{
text-align: center;
font-style: italic;
font-weight: bold;
font-size: 2.0em;
}

p{
font-size: 1.3em;
text-align: center;
padding-top: 20px;
line-height: 26px;
font-weight: 300;
}

.social {
width: 100%;
text-align: center;
}

ul{
display: inline-block;
white-space: nowrap;
}

ul li{
float: left;
margin-right: 40px;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
padding: 15px;
width: 3em;
}

ul li a{
color: #333;
text-decoration: none;
padding-left: 30px;
padding-bottom: 9px;
padding-top: 4px;
}

ul li a:hover{
text-decoration: underline;
padding-top: 3px;
}

ul li a.fb{
background: url(../images/social.png) left -30px no-repeat;
}

ul li a.tw{
background: url(../images/social.png) left -90px no-repeat;
}

ul li a.google{
background: url(../images/social.png) left -150px no-repeat;
}

ul li a.insta{
background: url(../images/social.png) left -60px no-repeat;
}

ul li a.skype{
background: url(../images/social.png) left 0px no-repeat;
}

ul li a.vimeo{
background: url(../images/social.png) left -120px no-repeat;
}

ul li a.email{
background: url(../images/social.png) left -180px no-repeat;
}

ul li a.youtube{
background: url(../images/social.png) left -210px no-repeat;
}

ul li a.tremila{
background: url(../images/social.png) left -240px no-repeat;
}

/* Basis Stijlen aanpassen vanaf 800px
------------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {

	/* logo Styles
	--------------------------------------------------------------------*/
	.logo						{ margin-bottom: 20px;}
	/* Typografische Styles, koppen verkleinen
	--------------------------------------------------------------------*/
	h2							{ font-size: 3em; }
	h3							{ font-size: 1.5em; }
	p							{ font-size: 1em; 
								  padding-top: 10px;}

} /*/mediaquery*/

/* Basis Stijlen aanpassen vanaf 480px
------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

	/* logo Styles
	--------------------------------------------------------------------*/
	.logo						{ margin-bottom: 20px;}
	/* Typografische Styles, koppen verkleinen
	--------------------------------------------------------------------*/
	h2							{ font-size: 2em; }
	h3							{ font-size: 1.0em; }
	p							{ font-size: 0.8em; 
								  padding-top: 10px;}

} /*/mediaquery*/