/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


 a:link { color:#FFF; border:none; text-decoration: none}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;900&display=swap');

/*BACKGROUND*/

html, body { height: 100%; overflow: hidden; }

body { background-image: url("../imgs/bg.jpg"); background-position: -500px -600px; }
.selotop5 {position: absolute; margin-left: 2% ; margin-top: 2%;} 

.topo-social {   top: 50px;
    right: 11.1%;
    display: flex;
    position: absolute;
    align-items: center;} 
.topo-social a{ display: inline-block;

    width: 30px;
    height: 30px;
margin-right: 10px;
}

.follow {     font-family: 'Roboto', sans-serif; color: #fff; float: left; margin-right: 10px; }
	

.wrapper-bg {position: absolute ; width: 100%; height: 100%; display: flex ; justify-content: center; align-items: center;}

.logo {     background-image: url(../imgs/logo-edc-2022.svg);
    background-repeat: no-repeat;
    width: 22vw;
	height: 14.4vw;
    background-size: 22vw auto;} 

	.main-text {
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		font-size: 3.5vw/*55px;*/;
		color: #FFF;
		width: 25%;
		float: right;
		height: 100%;
		display: flex;
		justify-content: center;
		/* align-items: center; */
		padding-top: 12px;
		flex-direction: column;
		margin-right: 5px;
		position: relative;
	}

.contactos-wrapper {
width: 100%;
height: 50px;
bottom: 10%;
position: absolute;

}



.part1 { display: block;
    width: 58%;

    float: left;}


	.part2 { display: block;
    width:42%;

    float: right;}


.contatos {

	width: 40%; float: left;   font-family: 'Roboto', sans-serif;
	font-size: 0.9vw;
    color: #FFF;
    line-height: 1.4vw;
	text-align: center;
}	

.contatos span {

	display: inline-block;
	text-align: left;
}

.morada {
	width: 50%;
    float: left;   font-family: 'Roboto', sans-serif;
/*font-size: 18px; color: #FFF; line-height: 24px;*/
font-size: 0.9vw;
    color: #FFF;
    line-height: 1.4vw;
text-align: left;
}


.morada span {

	display: inline-block;
	text-align: left;
}

strong { font-weight: 900;}




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


	.part2 {
	
		width: 100%;
		
	}

	.contatos {
		width: 40%;
		
		font-size: 16px;
		line-height: 22px;
		
	}

	.morada {
		width: 50%;
	
		font-size: 16px;
		line-height: 22px;
	}


	.logo {
	
		width: 29vw;
		height: 19vw;
		background-size: 29vw auto;


  }



  .main-text {
 
    font-size: 4.5vw;
  
    padding-top: 0;
}

}


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

	html, body { overflow: inherit; }
	body { background-image: url("../imgs/bg.jpg"); background-position: -1050px -600px; }

	.selotop5 {
		position: relative;
		width: 100%;
		margin-left: 0;
		margin-top: 120px;
		text-align: center;
	}
	.main-text {

		font-size: 45px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    height: auto;
    text-align: center;
	}

	.logo {
		margin-top:30px; /*150px;*/
		width: 250px;
		height: 165px;
		background-size: 250px auto;
	}


	.contactos-wrapper {
		margin-top: 40px;

		bottom: inherit;
		position: relative;
		display: inline-block;
	}

	.contatos {
		width: 100%;
	margin-bottom: 30px;
	}

.contatos span { text-align: center;}

.morada { width: 100%; text-align: center; padding-bottom: 50px;}

.morada span { text-align: center;}


.wrapper-bg {
     position:inherit;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}




}


.site-antigo { z-index: 10000; font-size: 20px; margin-top: 20px ; color: #fff; text-transform: uppercase; text-decoration: underline !important
	;}