body{
    font-family: 'Didact Gothic', sans-serif;
    font-size: 18px;
}

.content_wrapper{
    width: 100%;
}

header{
    display: flex;
    justify-content: center;
}

.logo_box{
    margin-top: 20px;
    width: 385px;
}
.logo{
    font-size: 50px;
    text-align: center;
}

.logo_gradient{
    display: block;
    width: 385px;
    height: 7px;
    background-image: url("img/logo_gradient")
}

.menu {
    margin-top: 14%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.menu_point{
    margin: 0 2% 20px 2%;
}

.menu_img{
    width: 221px;
    opacity: 0.8;
}

.menu_img:hover {
    opacity: 1;
}

.menu_text{
    margin-top: 10px;
    font-weight: 600;
    text-align: center;
}

.menu_text > a {
    color: black;
    text-decoration: none;
}

.menu_text > a:hover {
    color: #418bbf;
    text-decoration: none;
}

.footer_text{
  color: grey;
  font-size: 18px;
}


footer{
    display: flex;
    justify-content: center;
    margin-top: 15%;
    margin-bottom: 20px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}