CSS sheets

[deloren89]

body { font-family: 'Roboto', sans-serif; font-weight: 300; }

header { padding: 20px 0; }

header .row, footer .row { display: flex; align-items: center; }

header h1 { font-weight: 700; margin: 0; }

header nav { display: flex; justify-content: flex-end; }

header p { padding: 0 20px; margin: 0; }

a:link { color:#000000;

} a:visited { color:#000000; } a:hover { color:#937d62; text-decoration:none } a:active { color:#000000; }

h3{ text-align: center; }

.jumbotron { display: flex; align-items: center; background-image: url(images/jumbotron3.jpg); background-size: cover; color: #ffffff; height: 500px; text-shadow: 0.25px 0.25px 0.25px #000000; }

.jumbotron h2 { font-size: 60px; font-weight: 700; margin: 0; color: #fff; }

.jumbotron h3 { margin: 0 0 20px; color: #fff; }

section .row img { margin: 0 0 30px; width: 100%; }

.col-md-6 { margin: 0 0 30px; }

.btn.btn-primary { border-radius: 2px; border: 0px; color: #fbd1d5; text-shadow: none; background-color: #ffffff; }

.btn.btn-primary:hover { color: #ffffff; background-color: #fbd1d5; }

.btn-secondary { background-color: #E8DFE0; color: #ffffff; margin: 0 0 30px; }

.table-table{ display: none; }

footer { font-size: 12px; padding: 20px 0; }

footer .col-sm-8 { display: flex; justify-content: flex-end; }

footer ul { list-style: none; }

footer li img { width: 32px; height: 32px; }

/Modal popup/ div.modal-body{ font-size: 12px; font-family: 'Roboto', sans-serif; color: #333; } h4.modal-title{ font-size: 20px; font-family: 'Roboto', sans-serif; color: #333; }

[deloren89]

Main CSS is complete