@media (min-width:760px){
	body {
		font-size: 18px;
        }
}
@media (min-width:1200px){
	body {
	       font-size: 20px;
       }
}

body {
	font-family: Arial, sans-serif;
        text-align: center;
        margin: 0;
        padding: 0;
        background-color: #f9f9f9;
        color: #333;
        display : flex;
        flex-direction : column;
        min-height: 100vh;
}

header {

       background-color: #7fff00;

      color : #333;

       padding: 20px;

       font-size:28px;

       font-weight: bold;
}

main {
	flex: 1;
        padding: 40px 20px;
        
}

.disclamir {
	font-family: 'Architects Daughter',cursive;
	font-size : 18px;
    	max-width : 800px;
        margin: 0 auto 30px;
        line-height: 1.6;
}

a.button {
      display: inline-block;
      padding: 12px 24px; 
      background-color : #0077cc;
      color: white;
      text-decoration: none;
      border-radius: 6px;
      font-size:18px;
      margin-top: 20px;
}
a.button:hover {
	background-color: #005fa3;
}
footer {
	background-color : #eee;
        padding: 10px;
	font-size : 12px;
        color: #777;
}
img {
        max-width: 50%;
        height: auto;
}