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}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}h`,h2,h3,h4,h5,h6,p{margin-bottom:1em}img{max-width:100%;height:auto;} a{text-decoration: none; color: black;}

html{
    width: 100%;
    height: 100%;
    font-family: 'Catamaran', sans-serif;
}

body{
    width: 100%;
    height: 100%;

}

header{
  position: fixed;
  width: 100%;
  height: 120px;
  z-index: 9999;
}

nav{
  width: 100%;
  height: 100%;
}

#icon{
float: left;
width: 40px;
margin: 80px 100px 0 80px;
}

ul{
  margin: 0 auto;
  width: 100%;
}

li{
  float: left;
  margin: 87px 100px 0 0;
  font-weight: 600;
  font-size: 14px;
}

li a{
  color: rgb(165,164,164);
}

.active{
  color: rgb(249,249,249);
}

li a:hover{
  color: rgb(199, 200, 200);
}

main{
  width: 100%;
  height: 100%;
  background: url(../img/background.png);
  object-fit: cover;
}
h1{
  color: #E01A4F;
  font-size: 60px !important;
  z-index: 5;
  text-align: center;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
}
p{
  color: white;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 45px !important;
  padding: 0 30px;
}
audio{
  display: none;
}
.btn{
  background: white !important;
  color: #E01A4F !important;
  border-radius: 3px !important;
  padding: 7px 12px !important;
  border: 1px solid #E01A4F !important;
  display: block;
  margin-top: 30px;
}
.wrap{
  padding-top: 100px;
}

.grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
  margin-bottom: 30px;
  padding: 0 90px;
}

@media only screen and (max-width: 991px){
  .grid{
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
  }
}

@media only screen and (max-width: 760px){
  .grid{
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
  }
}

.item{
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pt{
  background-position: center top;
}

.btn:hover{
  color: white !important;
  background: #E01A4F  !important;
}