@font-face {
    font-family: Cambria
    src: url(Cambria.woff) format("woff"),
     url(Cambria.ttf) format("opentype");
}

a {
   color: #231f20 !important
}

body {
    margin: 0;
    padding: 0;
    background-color: #fbfdfe;
    text-align: center;
    font-family: 'Cambria' 
    margin-bottom: 400px;
}

#top-text {
    margin-top: 17%;
    font-size: 20px;
    color: #231f20;
}

#contact-text {
    color: #231f20;
    font-style: italic;
    margin-top: 15%;
    font-size: 13px
}

#emails {
    display: inline-block;
    color: #231f20;
    font-style: italic;
    margin-top: 33px;
    font-size: 13px
}


@media (max-width: 850px) {
    #top-text { margin-top: 27%; }
    .email { margin-right: 27px }
}

@media (max-width: 750px) {
    .email { float: none; margin-bottom: 15px; margin-right: 0; }
    #top-text { margin-top: 35%; }

}

@media (max-width: 650px) {
    #contact-text { width: 80%; margin: 0 auto; margin-top: 27%; }
    #top-text { width:80%; margin: 0 auto; margin-top: 35%; }
}

.social-icons {
   margin: 10px;
  float: right
}

.social-icons i {
margin-left: 7px
}