html, body {
width : 100%;
height : 100%;
}
body {
background : #EAEDF0;
img {
max-width : 60%;
max-height : 100%;
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
margin : auto;
a {
color : #ddd;
text-decoration: none;
.bto {
width : 30%;
border : none;
background : #A5DE37;
border-color : #A5DE37;
color : #FFF;
border-radius : 100px;
margin : 5px;
* {
text-align : center;
margin : 0 auto;
padding : 0;
.header {
background : #343a40;
height : 9%;
.header .textlogo {
float : left;
font-size : 5vh;
margin-left : 3%;
margin-top : 0.5%;
.header .nav {
float : right;
font-size : 2.5vh;
margin-right : 2%;
margin-top : 1.2%;
.main {
width : 90%;
height : 82%;
background : #ffffff;
border-radius : 30px;
padding : 0.5%;
.footer {
height : 5%;
font-size : 2vh;
.footerRow1 {
.footerRow2 {
background : #eee;
height : 25%;
color : #222;
.container {
max-width : 720px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
.row {
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px;
.col-sm {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
.col-sm p {
margin-top : 1%;