@import url('https://fonts.googleapis.com/css?family=Muli:300,500,600|Rajdhani:300|Raleway:300|Heebo');

@media only screen and (max-width: 1200px) {
  .sidebar_list2 {
    font-family: serif;
    font-size: .4em;
   }}


.resume{
  width:100vw;
  height:1294px;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(30, 1fr);
  grid-row-gap: 1%;
margin: 0px auto}

.header {grid-column: 1/-1;
grid-row: 1/2;
height: 20px;
background-color:#d60027;}

.logo {grid-column: 1/3;
  grid-row: 2/6;
  background-color:white;
  align-self: center;
  margin-top:-20px;
}

.logo img {width:120px; margin:15px;}

.brief {grid-column: 6/13;
  grid-row: 2/5;
  padding:20px 10px 0 20px;
  font-size:1.2em;
  line-height:1.65em;
  font-family:muli;
  background-color:white;}

.name {
font-family: 'Rajdhani', sans-serif;
flex-direction: column;
font-weight:600;
grid-column: 3/6;
grid-row: 2/5;
background-color:white;
display:flex;
color:#555356;
font-size:3.0em;
border-right: solid #a2a1a3;
}

.biline {
font-family: 'Muli',sans-serif;
font-weight:500;
font-size: .455em;
color:#c40000;
letter-spacing:.7px;
margin-top:0px;  
}

.experience {grid-column: 3/9;
grid-row:6/30;
background-color:white;
display:grid;
grid-template-rows: repeat(12, 1fr);
}  



.work_place {height: 25px;
padding: 5px 0px 10px 0px;
font-family: Muli;
font-weight: 600;
font-size: 1.25em;
color: #555356;
letter-spacing:.06em;
text-transform:uppercase;
background-color: none;
}

section_header {font-family: Muli;
font-weight: 600;
font-size: 1.25em;
color: #555356;
letter-spacing:.06em;
text-transform:uppercase;
background-color: none;}

.work_position {height: 30px;
padding: 5px 0 10px 10px;
font-family: Muli;
font-weight: 400;
font-size: 1.1em;
text-transform:uppercase;
letter-spacing:.05em;
color: #878787;
}

.sidebar_list {
padding: 5px 0 10px 5px;
background-color:none;
font-family: Muli;
font-weight: 100;
font-size: .7em;
text-transform:uppercase;
letter-spacing:.05em;
background-color:none;
line-height: 1.9;
list-style:none;}

.sidebar_list2 {padding: 2px 0 10px 5px;
font-family: muli;
font-weight: 100;
font-size: .5em;
text-transform:uppercase;
letter-spacing:.02em;
background-color:none;
line-height: 1.5;
list-style:none;}

.sidebar_list2 li:last-child {margin-top:12px;}

.education_list_H {
padding: 5px 0 5px 5px;
font-family:Raleway;
font-weight: 300;
font-size: .8em;
text-transform:uppercase;
letter-spacing:.05em;
background-color:none;
line-height: 0;
list-style:none;}


.education_list_S {
padding: 0 10px 0px 5px;
font-family: Muli;
font-weight: 500;
font-size: .65em;
text-transform:uppercase;
letter-spacing:.05em;
background-color:none;
list-style:none;}

.work_bullet {padding: 0 20px 10px 20px;
font-family: Muli;
font-weight: 400;
font-size: 1.1em;
padding-left: 1.5em;
text-indent:-.8em;
letter-spacing:.02em;}

.work_bullet::before {content: "• ";}

.header_text {
font-family: Muli;
font-weight: 600;
font-size: 1.25em;
color: #555356;
letter-spacing:.06em;
text-transform:uppercase;
background-color: none;
border-left-style: solid;
border-left-width: 2px;
border-left-color: #a2a1a3;
padding: 0px 0px 0px 10px}

.experience_header_DM {grid-column: 1/-1;
grid-row: 1/3;
background-color:none;}

.experience_header_Oz {
grid-column: 1/-1;
grid-row: 3/7;
  background-color:white;}

.experience_header_RR {
grid-column: 1/-1;
grid-row: 7/9;
background-color:none;
margin-top:20px;}

.experience_header_ABC {grid-row: 9/15;
grid-column: 1/-1;
background-color:white;
margin-top:50px;}


.highlites {grid-column: 9/13;
background-color:pink;}


.highlites {grid-column: 9/13;
  grid-row: 6/10;
background-color:white;}

.languages {grid-column: 9/13;
 grid-row: 10/13;
background-color:white;}

.skills {grid-column: 9/13;
grid-row: 14/18;
background-color:white;}

.tools {grid-column: 9/13;
   grid-row: 19/23;
background-color:white;}

.education {grid-column: 9/13;
  grid-row: 24/30;
background-color:none;}

.footer {grid-column: 1/-1;
grid-row:30/30;
background-color: none;
display:flex;
align-items:center;
justify-content:space-between;
color:black;
text-transform:uppercase;
font-family: 'Rajdhani', sans-serif;
font-size:1.5em;
font-weight:600;
margin:30px 30px 0 30px;
}

.footer-website {
background-color:none;
width:25vw;}

.footer-email {
width:35vw;}

.footer-phone {width:15vw;}

.footer-city {width:17vw;}

@media print {
.resume {height: 1100px;
 width:100vw;}
.header{display:none;}
.logo {display: none;}
.name {font-size:2.5em;
    padding-right:5px;
    grid-column: 1/5;
    grid-row: 1/4;
    border-right: 0px solid #a2a1a3;}
.work_position {font-size:.9em;}
.biline {font-size:.455em;}
.brief {padding:5px 0 0 15px;
    font-size: 1.2em;
    grid-column: 5/13;
    grid-row: 1/4;}
.experience {grid-row:4/30;
    grid-column: 1/9;}
.highlites {grid-row:4/8;}
.work_bullet {font-size:.9em;}
.experience_header_RR {grid-row: 6/9;}
.experience_header_ABC {grid-row: 8/15;}
.header_text {padding: 0 0 0 22px;
        font-size: .9em;}
.languages {grid-row: 9/12;}
.skills {grid-row:13/17;}
.tools {grid-row: 18/22;}
.education {grid-row: 23/27}
.footer {margin: 1px 30px 0 30px;
    grid-row: 28/29;
    font-size: 1.0em;}
}