#hero {color: #FFF; background: no-repeat center 64%; background-image: url(../img/main/mainbg.jpg); background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
#hero>div {display: flex; flex-direction: column; min-height: calc(100vh - 68px); background-color: rgba(0,0,15,0.65);}
#hero>div>div:first-child {display: flex; justify-content: center; align-items: center; flex-grow: 1;}
#hero>div>div:first-child>div {display: flex; align-items: center; margin: 150px 0 80px 0;}
#hero>div>div:first-child>div>div:first-child {display: flex; flex-direction: column; width: 285px; border-right: 1px solid #FFF; padding-right: 26px;}
#hero>div>div:first-child>div>div:first-child>.btn {display: flex; align-items: center; font-family: "Roboto Condensed", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 18px; color: #FFF; text-align: left; white-space: normal; transition: background-color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1);}
#hero>div>div:first-child>div>div:first-child>.btn:hover, #hero>div>div:first-child>div>div:first-child>.btn:active {box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);}
#hero>div>div:first-child>div>div:first-child>.btn>div:first-child {margin-right: 5px;}
#hero>div>div:first-child>div>div:first-child>.btn>div:not(:last-child) {margin-bottom: -1px;}
#hero>div>div:first-child>div>div:first-child>.btn>div:last-child {flex: 1; text-align: right; margin-left: 5px;}
#editorbtn {background-color: #d6544a; border-color: #B93328; margin-bottom: 10px;}
#editorbtn:hover, #editorbtn:active {background-color: #B93328;}
#translatorbtn {background-color: #36638B; border-color: #204E78; margin-bottom: 10px;}
#translatorbtn:hover, #translatorbtn:active {background-color: #204E78;}
#graphicdesignerbtn {background-color: #d08749; border-color: #B16829; margin-bottom: 10px;}
#graphicdesignerbtn:hover, #graphicdesignerbtn:active {background-color: #B16829;}
#writerbtn {background-color: #389c4a; border-color: #208431;}
#writerbtn:hover, #writerbtn:active {background-color: #208431;}
#hero>div>div:first-child>div>div:last-child {white-space: nowrap;}
#hero>div>div:first-child>div>div:last-child>h1 {font-size: 66px; margin: -12px 0 2px 26px;}
#hero>div>div:first-child>div>div:last-child>h2 {font-size: 30px; text-transform: uppercase; margin: 0 0 17px 26px;}
#hero>div>div:first-child>div>div:last-child>div {display: inline-block; line-height: 1.2; margin-left: 26px;}
#hero>div>div:first-child>div>div:last-child>div>div:first-child {font-family: "Roboto Condensed", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 35px;}
#hero>div>div:first-child>div>div:last-child>div>div:last-child, #hero>div>div:last-child>div {font-family: "Oswald", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform: uppercase; font-size: 20px;}
#hero>div>div:last-child {text-align: center;}
#hero>div>div:last-child>div {margin-bottom: 10px;}
#hero>div>div:last-child>img {display: inline-block;}
#duke {height: 50px; margin: 30px 52px 30px 50px;}
#wisconsin {height: 100px; margin: -7px 55px 30px 50px;}
#uqam {height: 34px; margin: 17px 50px 30px 55px;}
#basf {height: 80px; margin: 22px 50px 30px 50px;}
#nantes {height: 72px; margin: 7px 50px 30px 50px;}
.titlesmall {flex-direction: column-reverse; text-align: center; margin: 50px 15px 75px 15px !important;}
.titlesmall>div:first-child {border-right: none !important; padding: 5px 13px 0 13px !important;}
.titlesmall>div:first-child>.btn {display: block !important; text-align: center !important;}
.titlesmall>div:first-child>.btn>div:first-child, .titlesmall>div:first-child>.btn>div:last-child {display: none;}
.titlesmall>div:last-child {white-space: normal !important; margin: 0 0 15px -26px;}
.titlesmall>div:last-child>h1 {font-size: 60px !important; margin: 0 0 2px 26px !important;}
.titlesmall>div:last-child>div {white-space: nowrap; margin-bottom: 20px;}
#editing, #translation, #graphicdesign, #writing, #reviews>div, #professional {display: flex; font-size: 18px; line-height: 1.9; color: #FFF; margin-top: 30px;}
#editing h2, #translation h2, #graphicdesign h2, #writing h2, #professional h2 {font-size: 32px; line-height: 1.3; text-transform: uppercase; margin: 0 0 25px 0;}
#editing p, #translation p, #graphicdesign p, #writing p {margin-bottom: 30px;}
#editing a, #translation a, #graphicdesign a, #writing a {color: #FFF;}
#editing .btn, #translation .btn, #graphicdesign .btn, #writing .btn, #professional .btn {font-size: 16px; color: #FFF; background-color: transparent; border: 2px solid #FFF; transition: background-color .3s cubic-bezier(.4,0,.2,1), color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1); margin-top: 12px;}
#editing .btn:hover, #editing .btn:active, #translation .btn:hover, #translation .btn:active, #graphicdesign .btn:hover, #graphicdesign .btn:active, #writing .btn:hover, #writing .btn:active, #professional .btn:hover, #professional .btn:active {background-color: #FFF; color: #333; box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);}
#editing>div:first-child, #translation>div:last-child, #graphicdesign>div:first-child, #writing>div:last-child {display: flex; justify-content: center; align-items: center; flex: 1; min-height: 70vh;}
#editing>div:first-child>div, #translation>div:last-child>div, #graphicdesign>div:first-child>div, #writing>div:last-child>div {margin: 145px;}
#editing>div:last-child, #translation>div:first-child, #graphicdesign>div:last-child, #writing>div:first-child {flex: 1; min-height: 70vh; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
#editing>div:last-child>div, #translation>div:first-child>div, #graphicdesign>div:last-child>div, #writing>div:first-child>div, #professional>div:not(:nth-child(3))>div {height: 400px;}
#editing>div:first-child {background-color: #d6544a; margin-right: 15px;}
#editing>div:last-child {background-color: #d6544a; background-image: url(../img/main/editing.jpg); margin-left: 15px;}
#translation>div:first-child {background-color: #36638B; background-image: url(../img/main/translation.jpg); margin-right: 15px;}
#translation>div:last-child {background-color: #36638B; margin-left: 15px;}
#graphicdesign>div:first-child {background-color: #d08749; margin-right: 15px;}
#graphicdesign>div:last-child {background-color: #d08749; background-image: url(../img/main/graphic-design.jpg); margin-left: 15px;}
#writing>div:first-child {background-color: #389c4a; background-image: url(../img/main/writing.jpg); margin-right: 15px;}
#writing>div:last-child {background-color: #389c4a; margin-left: 15px;}
#reviews {margin-top: 30px; background: no-repeat 30% center; background-image: url(../img/main/reviewsbg.jpg); background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
#reviews>div {font-size: 20px; justify-content: center; align-items: center; min-height: 600px; margin-top: 0; background-color: rgba(0,0,15,0.65);}
#reviews>div>div {margin: 50px 50px 50px 42%; text-align: center;}
#reviews>div>div i {font-size: 40px; color: #FFA500; letter-spacing: 2px;}
#professional>div {min-height: 50vh;}
#professional>div:not(:nth-child(3)) {flex: 1; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
#professional>div:first-child {background-image: url(../img/main/person1.jpg); margin-right: 15px;}
#professional>div:nth-child(2) {background-image: url(../img/main/person2.jpg); margin: 0 15px;}
#professional>div:nth-child(3) {display: flex; justify-content: center; align-items: center; flex: 2; text-align: center; background-color: #41434f; margin: 0 15px;}
#professional>div:nth-child(3)>div {margin: 40px;}
#professional>div:nth-child(3)>div>div {display: flex; justify-content: center; text-align: left;}
#professional>div:nth-child(3)>div>small {display: block; font-size: 75%; margin-top: 25px;}
#professional>div:nth-child(3)>div>small>a {color: #FFF; text-decoration: underline;}
#professional>div:nth-child(4) {background-image: url(../img/main/person3.jpg); margin: 0 15px;}
#professional>div:last-child {background-image: url(../img/main/person4.jpg); margin-left: 15px;}
.bulletpoints {line-height: 1.4; text-align: left !important; max-width: 580px; margin-bottom: 15px;}
#graphicdesign .bulletpoints, #writing .bulletpoints {max-width: 450px;}
.bulletpoints ul {padding-left: 4px;}
@media (max-width: 1550px) {#editing>div:first-child>div, #translation>div:last-child>div, #graphicdesign>div:first-child>div, #writing>div:last-child>div {margin: 100px;}}
@media (max-width: 1300px) {#professional {flex-wrap: wrap;} #professional>div:nth-child(3) {flex: 1 0 100%; order: 5; margin: 30px 0 0 0; min-height: auto;} #editing>div:first-child>div, #translation>div:last-child>div, #graphicdesign>div:first-child>div, #writing>div:last-child>div, #professional>div:nth-child(3)>div {margin: 50px;} #bodymain {margin: 68px 0 0 0;}}
@media (max-width: 900px) {#editing, #graphicdesign {flex-direction: column-reverse;} #translation, #writing, #professional {flex-direction: column;} #editing>div:first-child, #translation>div:last-child, #graphicdesign>div:first-child, #writing>div:last-child {min-height: auto; flex: none;} #editing>div:last-child, #translation>div:first-child, #graphicdesign>div:last-child, #writing>div:first-child {min-height: 50vh;} #professional>div:not(:nth-child(2)):not(:nth-child(3)) {display: none;}  #professional>div:nth-child(3) {flex: none;} #editing, #translation, #graphicdesign, #writing {text-align: center;} .bulletpoints {display: flex; justify-content: center; max-width: none !important; margin-left: 15px;} #editing, #translation, #graphicdesign, #writing, #reviews, #professional, #editing>div, #translation>div, #graphicdesign>div, #writing>div, #professional>div, .bulletpoints>div {margin: 0 !important;}}
@media (max-width: 730px) {#hero>div>div:last-child>img {display: block;} #duke {margin: 40px auto 0 auto;} #wisconsin {margin: 22px auto 0 auto;} #uqam {margin: 32px auto 0 auto;} #basf {margin: 23px auto 0 auto;} #nantes {margin: 20px auto 45px auto;} #editing>div:first-child>div, #translation>div:last-child>div, #graphicdesign>div:first-child>div, #writing>div:last-child>div, #professional>div:nth-child(3)>div {margin: 35px 20px;} #reviews>div>div {margin: 35px 20px 35px 40%;}}
@media (max-width: 600px) {.titlesmall>div:last-child>h1 {font-size: 50px !important;} .titlesmall>div:last-child>h2 {font-size: 25px !important;} .titlesmall>div:last-child>div>div:first-child {font-size: 26px !important;} .titlesmall>div:last-child>div>div:last-child, #hero>div>div:last-child>div {font-size: 18px !important;} #editing h2, #translation h2, #graphicdesign h2, #writing h2, #professional h2 {font-size: 24px;} .titlesmall>div:first-child>.btn, #editing, #translation, #graphicdesign, #writing, #reviews>div, #professional, #editing .btn, #translation .btn, #graphicdesign .btn, #writing .btn, #professional .btn {font-size: 15px !important;} #reviews>div>div i {font-size: 30px;}}
@media (max-width: 430px) {#hero {background-image: url(../img/main/mainbgsmall.jpg);} .titlesmall {margin: 30px 15px 60px 15px !important;} .titlesmall>div:first-child {padding: 5px 25px 0 25px !important;} .titlesmall>div:last-child {margin: 0 0 5px -26px;} .titlesmall>div:last-child>h1 {font-size: 35px !important;} .titlesmall>div:last-child>h2 {font-size: 20px !important;} .titlesmall>div:last-child>div {margin-bottom: 12px;} .titlesmall>div:last-child>div>div:first-child {font-size: 22px !important;} .titlesmall>div:last-child>div>div:last-child, #hero>div>div:last-child>div {font-size: 16px !important;}}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {#hero, #reviews {display: flex; background-attachment: scroll;} #hero>div, #reviews>div, .titlesmall, .titlesmall>div:last-child {width: 100%;} #duke {padding: 50px 115px 0 0; background-image: url(../img/trusted/white/small/duke.png);} #wisconsin {padding: 100px 167px 0 0; background-image: url(../img/trusted/white/small/wisconsin.png);} #uqam {padding: 34px 103px 0 0; background-image: url(../img/trusted/white/small/uqam.png);} #basf {padding: 80px 160px 0 0; background-image: url(../img/trusted/white/small/basf.png);} #nantes {padding: 72px 132px 0 0; background-image: url(../img/trusted/white/small/nantes.png);}}