body {background-color:#f7941d;
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight:<weight>;
  font-style:normal;
}

.container {display:grid;
            grid-template-columns:1fr 1fr 1fr;
            background-color:aliceblue;}

nav {display:flex;
    justify-content: flex-end;
    background-color:#006685;
    padding:15px;
    border-color:silver;}

#title {grid-column: span 3;
        text-align:center;
        padding:20px;}

#textlogo {grid-column: span 2;
          padding:10px;}

#logo {grid-column:span 1;}

#mockup1, #mockup2, #mockup3 {grid-column: 2;
                              padding:20px;}

#design {grid-column:span 2;
        padding:10px;}

#animate {grid-column: span 1;}

#type {grid-column: span 2;
      padding:20px;}

#color {grid-column: span 1;}

#icon {grid-column: 1;}

#icon img {max-width: 50%;
          height:auto;
          display:block;}

#contact {grid-column: 3;
          text-align:center;}

#contact2 {grid-column: span 3;
          text-align:center;
          padding:20px;
          background-color:#0d71ba;}

nav a {margin:15px;
       text-decoration:none;
       color:#f7941d;}

img {max-width:100%;
     height:auto;
     display:block;}

#copy {text-align:center;
      font-family: "Momo Trust Display", sans-serif;
      font-weight: 400;
      font-style: normal;}

a:hover {text-decoration:underline;}

.momo-trust-display-regular {
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 400;
  font-style: normal;}

h1, h2, strong {color:#d23738;
                    font-family: "Momo Trust Display", sans-serif;
                    font-weight: 400;
                    font-style: normal;}

form {text-align:center;}

h3 { font-family: "Momo Trust Display", sans-serif;
      font-weight: 400;
      font-style: normal;}


.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}