@font-face {
  font-family: 'Lobster Regular';
  src: url(../fonts/Lobster/Lobster-Regular.ttf);
}

@font-face {
  font-family: 'Open Sans Regular';
  src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: 'Open Sans Italic';
  src: url(../fonts/Open_Sans/OpenSans-Italic.ttf);
}

@font-face {
  font-family: 'Roboto Regular';
  src: url(../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Noto Serif Italic';
  src: url(../fonts/Noto_Serif/NotoSerif-Italic.ttf);
}

@media (min-width: 768px){
   body{
      padding: 2rem 0px;
   }
   
   .section-invite{
       box-shadow: 5px 5px 5px#777;
   }
}

.centered {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}

body{
   background: #FEFAE0;
}

h2{
   margin-top: 0px;
   margin-bottom: 0px !important;
   font-family: 'Roboto', 'Arial', sans-serif;
   letter-spacing: 1px;
}

.section-paragraph{
   margin-bottom: 0px;
   font-family: 'Noto Serif Italic', 'Times New Roman', serif;
   letter-spacing: 2px;
}

.section{
   color: #222;
   padding: 6rem 2rem 2rem 2rem;
   text-align: right;
}

.asterisk{
   color: #f44336;
}

label.error{
   color: #222;
   text-align: left !important;
   display: block !important;
}

input, button{
   font-size: 16px !important;
}