/*=================================================*/

* {
     box-sizing:border-box;
}
body {
    margin:0;
    text-align:center;
    background:#f1f1f1;
    font-family:"Raleway", sans-serif;
    font-size:120%; 
}
img {
    width:100%;
}
a {
    color:black;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/*=================================================*/

.header {
    padding:40px;
}

/*=================================================*/

.row {
	width:100%;
    margin:auto;
    display:table;
    border-bottom:1px solid #ddd;
}
.main {
	width:100%;
    display:block;
    background:white;
}
.main a {
	width:100%;
    padding:20px;
    display:inline-block;
    border-bottom:1px solid #ddd;
    transition:all 0.4s ease;
}
.main a:hover {
    text-decoration:none;
    border-bottom:1px solid black;
}

/*=================================================*/

/*=================================================*/

@media screen and (max-width:900px) {
    body {
        font-size:100%; 
	}
}

/*=================================================*/
/*=================================================*/
/*=================================================*/