// Small devices (landscape phones, less than 768px)
|
|
@media (max-width: 767.98px) {
|
|
|
|
.header {
|
|
text-align: center;
|
|
}
|
|
.header .profile-image {
|
|
float: none !important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header .profile-content {
|
|
float: none !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.header .btn {
|
|
margin-top: 30px;
|
|
float: none !important;
|
|
}
|
|
.project-image {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
// Super large devices (large desktops, 1400px and up)
|
|
@media (min-width: 1400px) {
|
|
.container {
|
|
width: 1360px;
|
|
max-width: inherit;
|
|
}
|
|
}
|
|
|
|
|
|
|