body,
html {
	min-height: 100vh;
	font-size:100%;
	font-family: "Poppins", Arial, sans-serif;
	background: #11B3E1 url("../images/background.jpg") no-repeat center / cover;
	
}
main {
  min-height: 100%;
  padding-bottom:40px;
}
h1{display:none;}
#companyBrand{
	margin:0 auto;
	text-align:center;
	min-width:17.5rem;
	padding-top:8.5rem;;
}
#companyBrand img{
	margin-right:0.25rem;
}
#coName{
	display:inline-block;
	text-transform:uppercase;
	font-weight: 800;
	font-size:1.875rem;
	letter-spacing:0.625rem;
}
#moving-letters{
	position:relative;
	top:-1.875rem;
	left:-2.625rem;
}
.sloganFr, .sloganUK {
  position: relative;
  text-transform:uppercase;
}
.sloganFr .text-wrapper,
.sloganUK .text-wrapper{
  position: absolute;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.sloganFr .letter,
.sloganUK .letter
 {
  display: inline-block;
  line-height: 1em;
  transform-origin: 0 0;
}
.text-wrapper{
		  white-space:nowrap;
}
nav{
	text-align:center;
	margin-top:9.625rem; 
	padding-bottom:80px;
	
}
nav a{
	cursor: pointer;
	text-decoration:none;
	color:white;
	background:#F64A82;
	padding:25px 45px;
	font-family: "Vidaloka", serif;
    border-radius: 100px;
    font-size: 1.5rem;
	transition:background 0.6s;
	margin:0 7px;
	text-shadow: 1px -1px #6f5555;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
a:hover{
	background:#ff5c91;
}
 @media all and (max-width: 500px) {	
	 nav {
    margin-top: 6rem;
	
	
	}
	nav a {
		display:block;
		width:130px;
		margin:0 auto;
	}
	nav a:first-of-type{
		margin-bottom:10px;
	}
 }