h1 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-align: center;
padding:0px;
margin:0px;
font-size: 40px;
}

h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-align: center;
font-size: 40px;
}

p {

font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}

.alink {
border: solid 1px #f1f1f1;
padding: 10px;
border-radius: 4px;
transition: all 1s ease-out;
}

.alink:hover {
border: solid 1px #000;
}

.content {

display: flex;
width:100vw;
align-items: center;
justify-content: center;
}

.maincontent {
overflow-x: hidden;
border:solid 20px #fff;
height: 100vh;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*border:20px solid #f00;*/


}

.container-fluid {
padding-left: 0;
padding-right:0;
}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}