/* Color Palette
#2B2D42 - dark blue
#8D99AE - light blue
#EDF2F4 - blue/white
#EF233C - red
*/

/* Global styles 
------------------------------------*/
/* border box fix */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
}
a {
    color: #EF233C;
}
a:hover {
    text-decoration: none;
}
h1, h2 {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
}
h1 {
  font-size: 80px;
}
h2 {
  font-size: 40px;
  margin: 0;
}
h3{
  margin: 0;
}
p{
    margin: 0;
}
.content-wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 70px 50px;
  overflow: hidden;
}

.column-narrow {
  width: 35%;
  float: left;
  padding-right: 3%;
  /*margin-bottom: 30px;*/
  /*border: 1px solid black;*/
  /*min-height: 150px;*/ 
 
}
.column-wide-header {
  width: 62%;
  float: left;
  /*margin-bottom: 40px;*/
  /*border: 1px solid black;*/
  /*min-height: 150px;*/

}


.column-wide {
  width: 62%;
  float: left;
  margin-bottom: 40px;
  /*border: 1px solid black;*/
  /*min-height: 150px;*/

}
.uppercase{
    text-transform: uppercase;
}

/* Download button */
.btn {
  text-decoration: none;
  background: #EF233C;
  color: white;
  padding: 10px;
  display: inline-block;
}

/* Header & Footer 
------------------------------------*/
header, 
footer {
  background: #2B2D42;
  color: #8D99AE;
}
header{
    padding-top: 50px;
    position:relative;
}
header h1,
header h2 {
    color: #EDF2F4;
    margin: 0;
}

/* Header styles only */
header {
  /*text-align: center;*/
}
.profile-img {
  /*width: 300px;*/
  border-radius: 50%;
  /*float: left;*/
  /*margin-right: 30px;*/
}

.download {
  position: absolute;
  bottom: 0;
  right: 0;
}


/* Footer styles only */
footer {
  text-align: center;
}
.contact-info a {
  padding: 10px;
  display: inline-block;
}

/* Navigation
-------------------------*/
nav {
  text-align: center;
  background: white;
  position: fixed;
  top: 0;
  width: 100%;
}
nav a {
  display: inline-block;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
/* Work Experience
------------------------------------*/
.work {
    background: #EDF2F4;
}

/* Table
------------------------------------*/
.finder {
  background: #EDF2F4;
   /* margin: 0; */
}

/* Education
------------------------------------*/

.education {
  background: linear-gradient(rgba(141, 153, 174, 0.8), rgba(141, 153, 174, 0.8)),
              url(../images/LakeCentenary.jpg) no-repeat fixed;
  background-size: cover;
}

/*.education {
    background: #8D99AE;
}*/

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:576px) {
    .column-narrow, .column-wide {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}