/* font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif; */
body{
   font-family: 'Montserrat', sans-serif;
}
.my-bg{
   background-color: rgb(44, 62, 80);
}
.my-color-dark{
   color: rgb(44, 62, 80);
}
nav{
   font-family: 'Montserrat' sans-serif;
   }
   .my-p{
      padding: 90px 0;
   }
   section:nth-child(even){
      background-color: rgb(26, 188, 156);
      font-family: 'Montserrat' sans-serif;
   }
.my-star::before{
content: "";
display: inline-block;
width: 110px;
height: 4px;
background-color: white;
position: relative;
top: -.4rem;
right: 1rem;
border-radius: 2px;
   }
.my-star::after{
content: "";
display: inline-block;
width: 110px;
height: 4px;
background-color: white;
position: relative;
top: -.4rem;
left: 1rem;
border-radius: 2px;
}
.my-star i{
   font-size: 2em;
}
.my-font{
   font-size: 4em;
   font-weight: 700;
}
.my-font2{
   font-size: 3em;
   font-weight: 700;
}
.my-ff{
   font-weight: 400;
   font-family: 'Lato', sans-serif;
}
 section:nth-child(odd) .my-star::before,
 section:nth-child(odd) .my-star::after{
   background-color: rgb(44, 62, 80);
 }
 .cover{
    background-color: rgba(26, 188, 156, 0);
    width: calc(100% - 40px);
    height: 289px;
    transition: 0.2s;
 } 
 .my-plus{
    display: block;
    width: 55px;
    height: 55px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: 0.2s;
 }
 .my-col{
   height: 289px;
 }
 .my-col:hover .cover{
   background-color: rgba(26, 188, 156, 0.9);
 }
 .my-col:hover .my-plus{
    opacity: 1;
 }
 .my-narrow-row{
    width: 900px;
    margin:auto;
    font-family: 'Lato', sans-serif;
 }
 .contact .my-field:focus{
   outline-color: none!important;
   box-shadow: none;
}
.my-btn:hover{
   background-color: rgba(26, 188, 156, 0.9);
   color: white;
}
.my-radius{
   border: 2px solid white ;
   border-radius: 50%;
}
.btn-social{
   border-radius: 50%;
}
.additional-info p{
   font-family: 'Lato', sans-serif;
   font-size: 20px;
   font-weight: 300;
}
.my-link{
   color: rgba(26, 188, 156, 0.9);
}
.my-link:hover{
   color: rgba(26, 188, 156, 0.5);
}
.additional-info .copiright{
   font-family: 'Lato', sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 21px;
}
@media screen and (max-width:900px) {
   .my-narrow-row{
     width: 100%;
   } 
}