#choose{
    height:auto;
    position: relative;
    margin:auto;
  }

  #choose h2{
    text-transform: uppercase;
    font-weight:600; 
  }
  
  #choose h2>span{
    display:block;
    text-align:center;
  }

  #choose>.row>.col:nth-child(1){
    position:absolute;
    text-align:center;
  }
  
  #choose>.row>.col:nth-child(1)>h2{
    display:inline-block;
    vertical-align: middle;
    line-height:1.4em;
  }
  
  #choose>.row>.col:nth-child(2),
  #choose>.row>.col:nth-child(3){
    text-align:center;
  }

  #choose>.row>.col:nth-child(2)>a,
  #choose>.row>.col:nth-child(3)>a{
    position:relative;
      transition: border-color 0.2s;
      -moz-transition: border-color 0.2s;
      -webkit-transition: border-color 0.2s;
      -o-transition: border-color 0.2s;
      -ms-transition: border-color 0.2s;
    display:block;
    border-radius: 50%;
      border:10px solid transparent;
  }
  
  #choose>.row>.col:nth-child(2)>a,
  #choose>.row>.col:nth-child(3)>a{
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }

  #choose>.row>.col:nth-child(2)>a:hover,
  #choose>.row>.col:nth-child(3)>a:hover{
    border-color:#FFF;
  }

  #choose>.row>.col:nth-child(2)>a:hover>span.label,
  #choose>.row>.col:nth-child(3)>a:hover>span.label{
    font-weight:600;
  }

  #choose>.row>.col:nth-child(2)>a>span.label,
  #choose>.row>.col:nth-child(3)>a>span.label{
    position:absolute;
    display:block;
    text-align: center;
  }

  @media (orientation:landscape) {

    #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
      font-size:1.15em;
      width:250px;
      bottom:-40px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-large.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-large.png");
    }
    
    #choose{
      width:720px;
      margin-top:90px;
    }
  
    #choose h2{
      font-size:2em;
    }
  
    #choose>.row>.col:nth-child(1){
      width:200px;
      height:290px;
      line-height:250px;
      left:270px;
    }
  
    #choose>.row>.col:nth-child(3) {
      margin-left:200px;
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
        height:250x;
      width:250px;
    }

  }

@media (orientation:portrait) {
  
    #choose{
        width: auto;
        height: auto;
        margin:0 auto 0 auto;
    }

      #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
        font-size:0.9em;
      width:90px;
      bottom:-33px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-tiny.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-tiny.png");
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
        height:110px;
        width:110px;
    }

    
    #choose>.row>.col:nth-child(1),
    #choose>.row>.col:nth-child(2),
    #choose>.row>.col:nth-child(3){
        width:100%;
        float:none;
        margin:auto;
    }

    #choose>.row>.col:nth-child(2),
    #choose>.row>.col:nth-child(3){
      height:110px;
    }
  
  #choose>.row>.col:nth-child(3){
    margin-top:40px;
  }
    
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
      margin:0 auto 0 auto;
    }
    
     #choose>.row>.col:nth-child(1){
        position:static;
        line-height: normal;
       margin:20px auto 10px auto;
       height:auto;
     }

     #choose>.row>.col:nth-child(1)>h2>span{
        display:inline-block;
      }
  
}

@media (orientation:portrait) and (min-width:360px) and (min-height:640px) {
  
  #choose h2{
    font-size:1.25em;
  }
  
      #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
        font-size:1em;
      width:120px;
      bottom:-38px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-small.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-small.png");
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
        height:140px;
        width:140px;
    }

    
    #choose>.row>.col:nth-child(1),
    #choose>.row>.col:nth-child(2),
    #choose>.row>.col:nth-child(3){
        width:100%;
    }

    #choose>.row>.col:nth-child(2),
    #choose>.row>.col:nth-child(3){
      height:110px;
    }
  
  #choose>.row>.col:nth-child(3){
    margin-top:90px;
  }
    
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
      margin:0 auto 0 auto;
    }
    
     #choose>.row>.col:nth-child(1){
       margin:25px auto 20px auto;
     }
  
}

@media (orientation:portrait) and (min-width:373px) and (min-height:665px) {
 
  #choose>.row>.col:nth-child(3){
    margin-top:100px;
  }
    
     #choose>.row>.col:nth-child(1){
       margin:35px auto 25px auto;
     }
  
}


@media (orientation:portrait) and (min-width:360px) and (min-height:740px) {
 
  #choose>.row>.col:nth-child(3){
    margin-top:110px;
  }
    
     #choose>.row>.col:nth-child(1){
       margin:40px auto 30px auto;
     }
  
}

@media (orientation:landscape) {
  
    #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
      font-size:0.9em;
      width:90px;
      bottom:-38px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-tiny.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-tiny.png");
    }
    
    #choose{
      width:371px;
      margin-top:17px;
    }
  
    #choose h2{
      font-size:1.05em;
    }
  
    #choose>.row>.col:nth-child(1){
      width:110px;
      height:110px;
      line-height:110px;
      left:130px;
    }
  
    #choose>.row>.col:nth-child(3) {
      margin-left:150px;
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
       height:110px;
       width:110px;
    }
  
}

@media (orientation:landscape) and (min-width:640px) and (min-height:384px) {
    
    #choose{
      width:435px;
      margin-top:38px;
    }
  
     #choose>.row>.col:nth-child(1){
      width:170px;
    }
   
    #choose>.row>.col:nth-child(3) {
      margin-left:210px;
    }
  
}


@media (orientation:landscape) and (min-width:666px) and (min-height:374px) {
  
    #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
      font-size:0.9em;
      width:120px;
      bottom:-42px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-small.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-small.png");
    }
    
    #choose{
      width:433px;
      margin-top:38px;
    }
  
    #choose h2{
      font-size:1.05em;
    }
  
    #choose>.row>.col:nth-child(1){
      width:110px;
      height:140px;
      line-height:160px;
      left:160px;
    }
  
    #choose>.row>.col:nth-child(3) {
      margin-left:150px;
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
       height:140px;
       width:140px;
    }
  
}

@media (orientation:landscape) and (min-width:732px) and (min-height:412px) {
    
    #choose{
      width:463px;
      margin-top:38px;
    }
  
     #choose>.row>.col:nth-child(1){
      width:140px;
    }
   
    #choose>.row>.col:nth-child(3) {
      margin-left:180px;
    }
  
}


@media (orientation:landscape) and (min-width:740px) and (min-height:360px) {
    
    #choose{
        width:490px;
        margin-top:38px;
      }
      
     #choose h2{
      font-size:1.1em;
    }
  
     #choose>.row>.col:nth-child(1){
      width:170px;
    }
   
    #choose>.row>.col:nth-child(3) {
      margin-left:210px;
    }
  
}

@media (orientation:landscape) and (min-width:854px) and (min-height:480px) {

    #choose{
      margin-top:70px;
    }
  
}

@media (orientation:landscape) and (min-width:960px) and (min-height:600px) {
  
      #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
      font-size:1em;
      width:180px;
      bottom:-45px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f.png");
    }
    
    #choose{
      width:623px;
      margin-top:80px;
    }
  
    #choose h2{
      font-size:1.4em;
    }
  
    #choose>.row>.col:nth-child(1){
      width:170px;
      height:220px;
      line-height:220px;
      left:220px;
    }
  
    #choose>.row>.col:nth-child(3) {
      margin-left:210px;
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
       height:200px;
       width:200px;
    }
  
}

@media (orientation:landscape) and (min-width:1024px) and (min-height:768px) {
     #choose{
      width:705px;
      margin-top:140px;
    }
  
      #choose>.row>.col:nth-child(1){
      width:250px;
    }
  
    #choose h2{
      font-size:1.4em;
    }  
  #choose>.row>.col:nth-child(3) {
      margin-left:300px;
    }
  

}

@media (orientation:landscape) and (min-width:1250px) and (min-height:720px) {

       #choose>.row>.col:nth-child(2)>a>span.label,
    #choose>.row>.col:nth-child(3)>a>span.label{
      font-size:1.1em;
      width:240px;
      bottom:-50px;
    }
  
    #choose>.row>.col:nth-child(3)>a{
      background-image:url("./../img/choose-h-large.png");
    }
    
    #choose>.row>.col:nth-child(2)>a{
      background-image:url("./../img/choose-f-large.png");
    }
    
    #choose{
      width:766px;
      margin-top:130px;
    }
  
    #choose h2{
      font-size:1.60em;
    }
  
    #choose>.row>.col:nth-child(1){
      width:260px;
      height:250px;
      line-height:250px;
      left:250px;
    }
  
    #choose>.row>.col:nth-child(3) {
      margin-left:260px;
    }
  
    #choose>.row>.col:nth-child(2)>a,
    #choose>.row>.col:nth-child(3)>a{
       height:250px;
       width:250px;
    }
  

}