@media (min-width:320px)  {

  #photo{
    width:450px;
    margin-left:-50px;
  }
  #big_title{
    margin-top:200px;
  }

  #video{
    width:100%;
  }


 }
@media (min-width:600px)  {

  #nav{
    height:auto;
    position:fixed;
  }
  #photo{
    width:500px;
  }
  #video{
      width:100%;
  }

}
@media (min-width:800px)  {


  #photo{
    width:500px;
    margin-left:20%;
  }
  #video{
    width:100%;
  }

}

@media (min-width:1025px) {

 #video{
   width:50%;
 }
 #photo{
   width:700px;
   margin-left:20%;
 }



}
@media (min-width:1281px) {


 #photo{
   width:700px;
 }
 #video{
   width:50%;
 }
 #nav{
   height:auto;
   position:fixed;
 }
 #big_title{
   margin-top:0px;
 }
 #body{
   background:white;
   height:100%;
 }
}

#photo{
}

/* Google Font*/
@font-face {
  font-family: roboto_regular;
  src: url(roboto_regular.ttf);
}

* {
    font-family: roboto_regular;
  }

body{
  background:#2f3d40;
}


/* Blocks */

.submit{
  width:200px;
  height:40px;
  background: #cfb9a9;

}


.big_title{
  right:10%;
}

.opac_back{
  background:rgba(15,19,20,0.6);


}
/* Texts */

.xxl_title{
  font-size:50px;
}
.l_title{
  font-size:30px;
}
.m_title{
  font-size:18px;
  color:#fafafa;
}
.sm_title{
  font-size:15px;
}
.ultra_small_title{
  font-size:10px;
  color:#7a7a7a;
}
.small_title{
  font-size:12px;
  color:#7a7a7a;
}
/* Font */
.bold{
  font-weight:bold;
}

.normal{
  font-weight:normal;
}
/* Colors */

.white{
  color:#fafafa;
}
.white2{
  color:#dadada;
}
.white3{
  color:#aaaaaa;
}
.s_color{
  color:#cfb9a9;
}


/* Paddings */

.padding_0{
  padding:0px;
}

.padding_10px{
  padding:10px;
}

/* Margins */

.margin_0{
  margin:0px;
}
.margin_left_10px{
  margin-left:10px;
}
.margin_right_10px{
  margin-right:10px;
}
.margin_top_50px{
  margin-top:50px;
}
.margin_top_100px{
  margin-top:100px;
}
.margin_top_20px{
  margin-top:20px;
}
.margin_top_10px{
  margin-top:10px;
}

/* Positions */

.absolute_right{
  position: absolute;
  right:0;
}
.absolute_left{
  position: absolute;
  left:0;
}
.absolute_center{
  position: absolute;
  top:300px;
}
.float_left{
  float:left;
}
.float_right{
  float:right;
}

.border_test{
  border:1px solid red;
}


/* Borders */

.border{
  border:1px solid #cfb9a9 ;
}
.border_right{
  border-right:1px solid #cfb9a9 ;
}
.border_left{
  border-left:1px solid #cfb9a9 ;
}
.border_bottom{
  border-bottom:1px solid #cfb9a9 ;
}
.border_round_10px{
  border-radius: 10px;
}
.blocks .bigger_icon{
  border:1px solid #aaaaaa;
  border-radius: 50%;
  margin-right:10px;
}

.height_100{
  height:100%;
}
.container {
    width:100%;

}
#container{
  width:100%;
  overflow-wrap: break-word;
  overflow-x:hidden;
}
.container div {
    width:100%;
}

.clearfix {
  overflow: auto;
}

.justify_content{
  justify-content: center;
  align-items: center;
  text-align: center;
}


.align_left{
  text-align: left;
}